title: Element.getText() returns empty string
body: <p>The below image shown that we have a field which is pre-populated from the api, and trying to automate that with that I am using the below command where once its available checking if not null.</p>
  <p><a href="https://i.stack.imgur.com/xSAte.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xSAte.png" alt="enter image description here" /></a></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="MuiInputBase-root MuiInput-root MuiInput-underline Mui-disabled Mui-disabled MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl" xpath="1"&gt;&lt;input aria-invalid="false" disabled="" required="" type="text" class="MuiInputBase-input MuiInput-input Mui-disabled Mui-disabled" value="America First Credit Union"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>But getText() is returning empty string, I have checked its the right element and right amount of wait.</p>
  <pre><code>        return !element.getText().isEmpty();
  }
  </code></pre>