VaForm:Autofocus

Build 168 on develop
1200px
Reviewing disabled
View latest build
Fail
VaForm.stories.ts
expect(element).toHaveFocus()

Expected element with focus:
  <input aria-disabled="false" aria-errormessage="" aria-invalid="false" aria-label="" aria-readonly="false" aria-required="false" class="va-input__content__input" inputmode="text" placeholder="" tabindex="0" type="text" />
Received element with focus:
  <body class="sb-main-padded sb-show-main va-screen-md">
  <div class="sb-preparing-story sb-wrapper">
  <div class="sb-loader" />
</div>·
<div class="sb-preparing-docs sb-wrapper">
  <div class="sb-previewBlock">
    <div class="sb-previewBlock_header">
      <div class="sb-previewBlock_icon" />
      <div class="sb-previewBlock_icon" />
      <div class="sb-previewBlock_icon" />
      <div class="sb-previewBlock_icon" />
    </div>
    <div class="sb-previewBlock_body">
      <div class="sb-loader" />
    </div>
  </div>
  <table aria-hidden="true" class="sb-argstableBlock">
    <thead class="sb-argstableBlock-head">
      <tr>
        <th><span>Name</span></th>
        <th><span>Description</span></th>
        <th><span>Default</span></th>
        <th><span>Control </span></th>
      </tr>
    </thead>
    <tbody class="sb-argstableBlock-body">
      <tr>
        <td><span>propertyName</span><span title="Required">*</span></td>
        <td>
          <div><span>This is a short description</span></div>
          <div class="sb-argstableBlock-summary">
            <div><span class="sb-argstableBlock-code">summary</span></div>
          </div>
        </td>
        <td>
          <div><span class="sb-argstableBlock-code">defaultValue</span></div>
        </td>
        <td><button>Set string</button></td>
      </tr>
      <tr>
        <td><span>propertyName</span><span>*</span></td>
        <td>
          <div><span>This is a short description</span></div>
          <div class="sb-argstableBlock-summary">
            <div><span class="sb-argstableBlock-code">summary</span></div>
          </div>
        </td>
        <td>
          <div><span class="sb-argstableBlock-code">defaultValue</span></div>
        </td>
        <td><button>Set string</button></td>
      </tr>
      <tr>
        <td><span>propertyName</span><span>*</span></td>
        <td>
          <div><span>This is a short description</span></div>
          <div class="sb-argstableBlock-summary">
            <div><span class="sb-argstableBlock-code">summary</span></div>
          </div>
        </td>
        <td>
          <div><span class="sb-argstableBlock-code">defaultValue</span></div>
        </td>
        <td><button>Set string</button></td>
      </tr>
    </tbody>
  </table>
</div>·
<div class="sb-nopreview sb-wrapper">
  <div class="sb-nopreview_main">
    <h1 class="sb-nopreview_heading sb-heading">No Preview</h1>
    <p>Sorry, but you either have no stories or none are selected somehow.</p>
    <ul>
      <li>Please check the Storybook config.</li>
      <li>Try reloading the page.</li>
    </ul>
    <p>
      If the problem persists, check the browser console, or the terminal you've run Storybook from.
    </p>
  </div>
</div>·
<div class="sb-errordisplay sb-wrapper">
  <pre class="sb-heading" id="error-message" />
  <pre class="sb-errordisplay_code"><code id="error-stack" /></pre>
</div>·
  <div data-v-app="" id="storybook-root"><div class="va-form"><div class="va-input-wrapper va-input-wrapper--solid va-input" style="--va-input-wrapper-color:#154EC1; --6af990eb:#ECF0F1; --1a5b02d3:#262824;"><div class="va-input-wrapper__container"><!----><div class="va-input-wrapper__field"><!----><div class="va-input-wrapper__text"><!----><input aria-disabled="false" aria-errormessage="" aria-invalid="false" aria-label="" aria-readonly="false" aria-required="false" class="va-input__content__input" inputmode="text" placeholder="" tabindex="0" type="text" /></div><!----><!----><!----><!----></div><!----></div><!----><!----></div></div></div>
  <div hidden="true" id="storybook-docs" />········
</body>
View in Storybook
Chrome 105
1168x36
Linux Linux Ubuntu 20.04.4
31c877 on develop
Caught exception in play function

This story threw an error after it finished rendering which means interactions may not have been executed fully.

Error: ignoredException
    at https://64d608ab34b67e621ab50cfd-eedtajlbtk.capture-loopback.chromatic.com/sb-preview/runtime.js:4:95647