title: How do I get the text value of an input box after I send in some input?
body: <p>I am entering some email into a text box and I am trying to trying get the value of the text box (which is suppose to be the email address) but instead I receive: <em>ClientFunctionResultPromise { _then: [], _fn: [Function], _taskPromise: null }</em>  I am trying to log the output because essentially I want to create an assertion which checks to see if the input box is filled or not.  </p>
  
  <p><strong>mainfile.js</strong></p>
  
  <pre><code>import login from '../pages/login’;
  import { Selector } from 'testcafe';
  
  const logs = new login();
  
  fixture `A Simple Example`
     .page `http://localhost/simple-example`;
  
  test(‘Check email`', async t =&gt; {
  
   logs.enterEmail(”yager@micheal.com");
  
    });
  </code></pre>
  
  <p><strong>Login.js file</strong>:</p>
  
  <pre><code>export default class Login {
     constructor() {
     this.receiptEmail = Selector("input[copy='Recipient email']");
     }
  
  async enterEmail(email){
    await t.typeText(this.receiptEmail,email);
    console.log(this.receiptEmail.innerText); // I also tried textContent and value and still received the same log
   }
  
  }
  
  &lt;div class="CustomerInfo__fields__field"&gt;&lt;label for="recipient-email" class="CustomerInfo__fields__field__label" style="visibility: visible;"&gt;Recipient email*&lt;/label&gt;&lt;input copy="Recipient email" field="email" section="recipient" maxlength="200" class="CustomerInfo__fields__field__input recipient-email " required="" name="email" placeholder="" type="email" value="yager@micheal.com"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Can someone care to explain?</p>