Fail
Unable to find an accessible element with the role "textbox" and name "" Here are the accessible roles: group: Name "": <fieldset class="va-input-wrapper__size-keeper" /> Name "": <fieldset class="va-input-wrapper__size-keeper" /> Name "": <fieldset class="va-input-wrapper__size-keeper" /> -------------------------------------------------- textbox: Name "$t:inputField": <input aria-disabled="false" aria-errormessage="" aria-invalid="false" aria-label="$t:inputField" aria-readonly="false" aria-required="false" class="va-input__content__input" inputmode="text" placeholder="" tabindex="0" type="text" /> Name "$t:inputField": <input aria-disabled="false" aria-errormessage="" aria-invalid="true" aria-label="$t:inputField" aria-readonly="false" aria-required="false" class="va-input__content__input" inputmode="text" placeholder="" tabindex="0" type="text" /> Name "$t:inputField": <input aria-disabled="false" aria-errormessage="" aria-invalid="true" aria-label="$t:inputField" aria-readonly="false" aria-required="false" class="va-input__content__input" inputmode="text" placeholder="" tabindex="0" type="text" /> --------------------------------------------------button: Name "Focus invalid": <button aria-disabled="false" class="va-button va-button--normal" style="border-color: transparent; color: rgb(255, 255, 255); background: transparent; --05fb8901:#154EC1; --5a3a13ca:1; --bee1f316:transparent; --34c6529d:0;" tabindex="0" type="button" /> -------------------------------------------------- Ignored nodes: comments, script, style <div data-v-app="" id="storybook-root" > <div class="va-form" > <div class="va-input-wrapper va-input undefined" style="--a6062ec6:#ffffff00; --0b97e00e:#154EC1; --7f94ece1:currentColor;" > <fieldset class="va-input-wrapper__size-keeper" > <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="$t:inputField" aria-readonly="false" aria-required="false" class="va-input__content__input" inputmode="text" placeholder="" tabindex="0" type="text" /> </div> </div> </div> </fieldset> </div> <div class="va-input-wrapper va-input-wrapper--error va-input undefined" style="--a6062ec6:#ffffff00; --0b97e00e:#154EC1; --7f94ece1:currentColor;" > <fieldset class="va-input-wrapper__size-keeper" > <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="true" aria-label="$t:inputField" aria-readonly="false" aria-required="false" class="va-input__content__input" inputmode="text" placeholder="" tabindex="0" type="text" /> </div> <i aria-hidden="true" class="va-icon material-icons va-input-wrapper__icon va-input-wrapper__icon--error" notranslate="" style="color: var(--va-danger); font-size: 16px; height: 16px; line-height: 16px;" > warning </i> </div> </div> </fieldset> </div> <div class="va-input-wrapper va-input-wrapper--error va-input undefined" style="--a6062ec6:#ffffff00; --0b97e00e:#154EC1; --7f94ece1:currentColor;" > <fieldset class="va-input-wrapper__size-keeper" > <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="true" aria-label="$t:inputField" aria-readonly="false" aria-required="false" class="va-input__content__input" inputmode="text" placeholder="" tabindex="0" type="text" /> </div> <i aria-hidden="true" class="va-icon material-icons va-input-wrapper__icon va-input-wrapper__icon--error" notranslate="" style="color: var(--va-danger); font-size: 16px; height: 16px; line-height: 16px;" > warning </i> </div> </div> </fieldset> </div> </div> <button aria-disabled="false" class="va-button va-button--normal" style="border-color: transparent; color: rgb(255, 255, 255); background: transparent; --05fb8901:#154EC1; --5a3a13ca:1; --bee1f316:transparent; --34c6529d:0;" tabindex="0" type="button" > <span class="va-button__content" > Focus invalid </span> </button> </div>View in Storybook
Chrome 105
1168x72
Linux Linux Ubuntu 20.04.4
2091c2 on develop
Caught exception in
play
functionThis story threw an error after it finished rendering which means interactions may not have been executed fully.
Error: ignoredException at https://64d608ab34b67e621ab50cfd-yhmdrazgsb.capture-loopback.chromatic.com/sb-preview/runtime.js:4:95647