TestingLibraryElementError: Click to debug the error directly in Storybook: http://localhost:9011/?path=/story/untitled-pattern-edit-story--error&addonPanel=storybook/test/panel Unable to find an element with the text: String must contain at least 1 character(s). This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible. Ignored nodes: comments, script, style <div> <div class="grid-container" > <div class="grid-row position-relative" > <div class="desktop:grid-col-2 tablet:grid-col-3 tablet:display-block grid-col-12 display-none padding-y-3 padding-right-3" > <fieldset class="_usaFieldset_1f0s8_34 usa-fieldset position-sticky z-100" > <div class="dropdownContainer margin-bottom-3" > <ul class="usa-list usa-list--unstyled grid-row tablet:flex-justify-end flex-justify-center" > <li class="position-relative tablet:grid-col-12 grid-col-5 text-center" > <div> <button class="_dropdownButton_1f0s8_15 display-flex flex-align-center text-base-darkest bg-white border-0 cursor-pointer margin-bottom-3" > <span class="display-flex flex-align-center margin-right-1" > <svg aria-hidden="true" class="usa-icon--size-3" focusable="false" role="img" > <use xlink:href="/static/uswds/img/sprite.svg#add_circle" /> </svg> </span> <span class="display-flex flex-align-center" > <span class="display-inline-block margin-right-1" > Add element </span> <svg aria-hidden="true" class="usa-icon--size-3" focusable="false" role="img" > <use xlink:href="/static/uswds/img/sprite.svg#arrow_drop_down" /> </svg> </span> </button> </div> </li> </ul> </div> </fieldset> </div> <div class="desktop:grid-col-10 tablet:grid-col-9 grid-col-12 tablet:border-left tablet:border-bottom tablet:border-right tablet:border-left-2px tablet:border-base-lighter bg-primary-lighter contentWrapper" > <div class="grid-col-12" > <div class="preview grid-container" > <div class="grid-row" > <div class="grid-col-12 usa-prose" > <div class="formContentWrapper" > <fieldset class="usa-fieldset width-full" > <div> <div> <ul class="add-list-reset" > <li class="_draggableListItemWrapper_1f0s8_59 draggable-list-item-wrapper bg-white cursor-pointer margin-bottom-3" style="opacity: 1; border: none;" > <div class="grid-row" > <div aria-describedby="DndDescribedBy-2"

TestingLibraryElementError: Click to debug the error directly in Storybook: http://localhost:9011/?path=/story/untitled-pattern-edit-story--error&addonPanel=storybook/test/panel Unable to find an element with the text: String must contain at least 1 character(s). This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible. Ignored nodes: comments, script, style <div> <div class="grid-container" > <div class="grid-row position-relative" > <div class="desktop:grid-col-2 tablet:grid-col-3 tablet:display-block grid-col-12 display-none padding-y-3 padding-right-3" > <fieldset class="_usaFieldset_1f0s8_34 usa-fieldset position-sticky z-100" > <div class="dropdownContainer margin-bottom-3" > <ul class="usa-list usa-list--unstyled grid-row tablet:flex-justify-end flex-justify-center" > <li class="position-relative tablet:grid-col-12 grid-col-5 text-center" > <div> <button class="_dropdownButton_1f0s8_15 display-flex flex-align-center text-base-darkest bg-white border-0 cursor-pointer margin-bottom-3" > <span class="display-flex flex-align-center margin-right-1" > <svg aria-hidden="true" class="usa-icon--size-3" focusable="false" role="img" > <use xlink:href="/static/uswds/img/sprite.svg#add_circle" /> </svg> </span> <span class="display-flex flex-align-center" > <span class="display-inline-block margin-right-1" > Add element </span> <svg aria-hidden="true" class="usa-icon--size-3" focusable="false" role="img" > <use xlink:href="/static/uswds/img/sprite.svg#arrow_drop_down" /> </svg> </span> </button> </div> </li> </ul> </div> </fieldset> </div> <div class="desktop:grid-col-10 tablet:grid-col-9 grid-col-12 tablet:border-left tablet:border-bottom tablet:border-right tablet:border-left-2px tablet:border-base-lighter bg-primary-lighter contentWrapper" > <div class="grid-col-12" > <div class="preview grid-container" > <div class="grid-row" > <div class="grid-col-12 usa-prose" > <div class="formContentWrapper" > <fieldset class="usa-fieldset width-full" > <div> <div> <ul class="add-list-reset" > <li class="_draggableListItemWrapper_1f0s8_59 draggable-list-item-wrapper bg-white cursor-pointer margin-bottom-3" style="opacity: 1; border: none;" > <div class="grid-row" > <div aria-describedby="DndDescribedBy-3"

TestingLibraryElementError: Click to debug the error directly in Storybook: http://localhost:9011/?path=/story/untitled-pattern-edit-story--error&addonPanel=storybook/test/panel Unable to find an element with the text: String must contain at least 1 character(s). This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible. Ignored nodes: comments, script, style <div> <div class="grid-container" > <div class="grid-row position-relative" > <div class="desktop:grid-col-2 tablet:grid-col-3 tablet:display-block grid-col-12 display-none padding-y-3 padding-right-3" > <fieldset class="_usaFieldset_1f0s8_34 usa-fieldset position-sticky z-100" > <div class="dropdownContainer margin-bottom-3" > <ul class="usa-list usa-list--unstyled grid-row tablet:flex-justify-end flex-justify-center" > <li class="position-relative tablet:grid-col-12 grid-col-5 text-center" > <div> <button class="_dropdownButton_1f0s8_15 display-flex flex-align-center text-base-darkest bg-white border-0 cursor-pointer margin-bottom-3" > <span class="display-flex flex-align-center margin-right-1" > <svg aria-hidden="true" class="usa-icon--size-3" focusable="false" role="img" > <use xlink:href="/static/uswds/img/sprite.svg#add_circle" /> </svg> </span> <span class="display-flex flex-align-center" > <span class="display-inline-block margin-right-1" > Add element </span> <svg aria-hidden="true" class="usa-icon--size-3" focusable="false" role="img" > <use xlink:href="/static/uswds/img/sprite.svg#arrow_drop_down" /> </svg> </span> </button> </div> </li> </ul> </div> </fieldset> </div> <div class="desktop:grid-col-10 tablet:grid-col-9 grid-col-12 tablet:border-left tablet:border-bottom tablet:border-right tablet:border-left-2px tablet:border-base-lighter bg-primary-lighter contentWrapper" > <div class="grid-col-12" > <div class="preview grid-container" > <div class="grid-row" > <div class="grid-col-12 usa-prose" > <div class="formContentWrapper" > <fieldset class="usa-fieldset width-full" > <div> <div> <ul class="add-list-reset" > <li class="_draggableListItemWrapper_1f0s8_59 draggable-list-item-wrapper bg-white cursor-pointer margin-bottom-3" style="opacity: 1; border: none;" > <div class="grid-row" > <div aria-describedby="DndDescribedBy-1"

TestingLibraryElementError: Click to debug the error directly in Storybook: http://localhost:9011/?path=/story/untitled-pattern-edit-story--error&addonPanel=storybook/test/panel Unable to find an element with the text: String must contain at least 1 character(s). This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible. Ignored nodes: comments, script, style <div> <div class="grid-container" > <div class="grid-row position-relative" > <div class="desktop:grid-col-2 tablet:grid-col-3 tablet:display-block grid-col-12 display-none padding-y-3 padding-right-3" > <fieldset class="_usaFieldset_1f0s8_34 usa-fieldset position-sticky z-100" > <div class="dropdownContainer margin-bottom-3" > <ul class="usa-list usa-list--unstyled grid-row tablet:flex-justify-end flex-justify-center" > <li class="position-relative tablet:grid-col-12 grid-col-5 text-center" > <div> <button class="_dropdownButton_1f0s8_15 display-flex flex-align-center text-base-darkest bg-white border-0 cursor-pointer margin-bottom-3" > <span class="display-flex flex-align-center margin-right-1" > <svg aria-hidden="true" class="usa-icon--size-3" focusable="false" role="img" > <use xlink:href="/static/uswds/img/sprite.svg#add_circle" /> </svg> </span> <span class="display-flex flex-align-center" > <span class="display-inline-block margin-right-1" > Add element </span> <svg aria-hidden="true" class="usa-icon--size-3" focusable="false" role="img" > <use xlink:href="/static/uswds/img/sprite.svg#arrow_drop_down" /> </svg> </span> </button> </div> </li> </ul> </div> </fieldset> </div> <div class="desktop:grid-col-10 tablet:grid-col-9 grid-col-12 tablet:border-left tablet:border-bottom tablet:border-right tablet:border-left-2px tablet:border-base-lighter bg-primary-lighter contentWrapper" > <div class="grid-col-12" > <div class="preview grid-container" > <div class="grid-row" > <div class="grid-col-12 usa-prose" > <div class="formContentWrapper" > <fieldset class="usa-fieldset width-full" > <div> <div> <ul class="add-list-reset" > <li class="_draggableListItemWrapper_1f0s8_59 draggable-list-item-wrapper bg-white cursor-pointer margin-bottom-3" style="opacity: 1; border: none;" > <div class="grid-row" > <div aria-describedby="DndDescribedBy-2"

TestingLibraryElementError: Click to debug the error directly in Storybook: http://localhost:9011/?path=/story/untitled-pattern-edit-story--error&addonPanel=storybook/test/panel Unable to find an element with the text: String must contain at least 1 character(s). This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible. Ignored nodes: comments, script, style <div> <div class="grid-container" > <div class="grid-row position-relative" > <div class="desktop:grid-col-2 tablet:grid-col-3 tablet:display-block grid-col-12 display-none padding-y-3 padding-right-3" > <fieldset class="_usaFieldset_1f0s8_34 usa-fieldset position-sticky z-100" > <div class="dropdownContainer margin-bottom-3" > <ul class="usa-list usa-list--unstyled grid-row tablet:flex-justify-end flex-justify-center" > <li class="position-relative tablet:grid-col-12 grid-col-5 text-center" > <div> <button class="_dropdownButton_1f0s8_15 display-flex flex-align-center text-base-darkest bg-white border-0 cursor-pointer margin-bottom-3" > <span class="display-flex flex-align-center margin-right-1" > <svg aria-hidden="true" class="usa-icon--size-3" focusable="false" role="img" > <use xlink:href="/static/uswds/img/sprite.svg#add_circle" /> </svg> </span> <span class="display-flex flex-align-center" > <span class="display-inline-block margin-right-1" > Add element </span> <svg aria-hidden="true" class="usa-icon--size-3" focusable="false" role="img" > <use xlink:href="/static/uswds/img/sprite.svg#arrow_drop_down" /> </svg> </span> </button> </div> </li> </ul> </div> </fieldset> </div> <div class="desktop:grid-col-10 tablet:grid-col-9 grid-col-12 tablet:border-left tablet:border-bottom tablet:border-right tablet:border-left-2px tablet:border-base-lighter bg-primary-lighter contentWrapper" > <div class="grid-col-12" > <div class="preview grid-container" > <div class="grid-row" > <div class="grid-col-12 usa-prose" > <div class="formContentWrapper" > <fieldset class="usa-fieldset width-full" > <div> <div> <ul class="add-list-reset" > <li class="_draggableListItemWrapper_1f0s8_59 draggable-list-item-wrapper bg-white cursor-pointer margin-bottom-3" style="opacity: 1; border: none;" > <div class="grid-row" > <div aria-describedby="DndDescribedBy-2"

TestingLibraryElementError: Click to debug the error directly in Storybook: http://localhost:9011/?path=/story/untitled-pattern-edit-story--error&addonPanel=storybook/test/panel Unable to find an element with the text: String must contain at least 1 character(s). This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible. Ignored nodes: comments, script, style <div> <div class="grid-container" > <div class="grid-row position-relative" > <div class="desktop:grid-col-2 tablet:grid-col-3 tablet:display-block grid-col-12 display-none padding-y-3 padding-right-3" > <fieldset class="_usaFieldset_1f0s8_34 usa-fieldset position-sticky z-100" > <div class="dropdownContainer margin-bottom-3" > <ul class="usa-list usa-list--unstyled grid-row tablet:flex-justify-end flex-justify-center" > <li class="position-relative tablet:grid-col-12 grid-col-5 text-center" > <div> <button class="_dropdownButton_1f0s8_15 display-flex flex-align-center text-base-darkest bg-white border-0 cursor-pointer margin-bottom-3" > <span class="display-flex flex-align-center margin-right-1" > <svg aria-hidden="true" class="usa-icon--size-3" focusable="false" role="img" > <use xlink:href="/static/uswds/img/sprite.svg#add_circle" /> </svg> </span> <span class="display-flex flex-align-center" > <span class="display-inline-block margin-right-1" > Add element </span> <svg aria-hidden="true" class="usa-icon--size-3" focusable="false" role="img" > <use xlink:href="/static/uswds/img/sprite.svg#arrow_drop_down" /> </svg> </span> </button> </div> </li> </ul> </div> </fieldset> </div> <div class="desktop:grid-col-10 tablet:grid-col-9 grid-col-12 tablet:border-left tablet:border-bottom tablet:border-right tablet:border-left-2px tablet:border-base-lighter bg-primary-lighter contentWrapper" > <div class="grid-col-12" > <div class="preview grid-container" > <div class="grid-row" > <div class="grid-col-12 usa-prose" > <div class="formContentWrapper" > <fieldset class="usa-fieldset width-full" > <div> <div> <ul class="add-list-reset" > <li class="_draggableListItemWrapper_1f0s8_59 draggable-list-item-wrapper bg-white cursor-pointer margin-bottom-3" style="opacity: 1; border: none;" > <div class="grid-row" > <div aria-describedby="DndDescribedBy-1"

TestingLibraryElementError: Click to debug the error directly in Storybook: http://localhost:9011/?path=/story/untitled-pattern-edit-story--error&addonPanel=storybook/test/panel Unable to find an element with the text: String must contain at least 1 character(s). This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible. Ignored nodes: comments, script, style <div> <div class="grid-container" > <div class="grid-row position-relative" > <div class="desktop:grid-col-2 tablet:grid-col-3 tablet:display-block grid-col-12 display-none padding-y-3 padding-right-3" > <fieldset class="_usaFieldset_1f0s8_34 usa-fieldset position-sticky z-100" > <div class="dropdownContainer margin-bottom-3" > <ul class="usa-list usa-list--unstyled grid-row tablet:flex-justify-end flex-justify-center" > <li class="position-relative tablet:grid-col-12 grid-col-5 text-center" > <div> <button class="_dropdownButton_1f0s8_15 display-flex flex-align-center text-base-darkest bg-white border-0 cursor-pointer margin-bottom-3" > <span class="display-flex flex-align-center margin-right-1" > <svg aria-hidden="true" class="usa-icon--size-3" focusable="false" role="img" > <use xlink:href="/static/uswds/img/sprite.svg#add_circle" /> </svg> </span> <span class="display-flex flex-align-center" > <span class="display-inline-block margin-right-1" > Add element </span> <svg aria-hidden="true" class="usa-icon--size-3" focusable="false" role="img" > <use xlink:href="/static/uswds/img/sprite.svg#arrow_drop_down" /> </svg> </span> </button> </div> </li> </ul> </div> </fieldset> </div> <div class="desktop:grid-col-10 tablet:grid-col-9 grid-col-12 tablet:border-left tablet:border-bottom tablet:border-right tablet:border-left-2px tablet:border-base-lighter bg-primary-lighter contentWrapper" > <div class="grid-col-12" > <div class="preview grid-container" > <div class="grid-row" > <div class="grid-col-12 usa-prose" > <div class="formContentWrapper" > <fieldset class="usa-fieldset width-full" > <div> <div> <ul class="add-list-reset" > <li class="_draggableListItemWrapper_1f0s8_59 draggable-list-item-wrapper bg-white cursor-pointer margin-bottom-3" style="opacity: 1; border: none;" > <div class="grid-row" > <div aria-describedby="DndDescribedBy-6"

TestingLibraryElementError: Click to debug the error directly in Storybook: http://localhost:9011/?path=/story/untitled-pattern-edit-story--error&addonPanel=storybook/test/panel Unable to find an element with the text: String must contain at least 1 character(s). This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible. Ignored nodes: comments, script, style <div> <div class="grid-container" > <div class="grid-row position-relative" > <div class="desktop:grid-col-2 tablet:grid-col-3 tablet:display-block grid-col-12 display-none padding-y-3 padding-right-3" > <fieldset class="_usaFieldset_1f0s8_34 usa-fieldset position-sticky z-100" > <div class="dropdownContainer margin-bottom-3" > <ul class="usa-list usa-list--unstyled grid-row tablet:flex-justify-end flex-justify-center" > <li class="position-relative tablet:grid-col-12 grid-col-5 text-center" > <div> <button class="_dropdownButton_1f0s8_15 display-flex flex-align-center text-base-darkest bg-white border-0 cursor-pointer margin-bottom-3" > <span class="display-flex flex-align-center margin-right-1" > <svg aria-hidden="true" class="usa-icon--size-3" focusable="false" role="img" > <use xlink:href="/static/uswds/img/sprite.svg#add_circle" /> </svg> </span> <span class="display-flex flex-align-center" > <span class="display-inline-block margin-right-1" > Add element </span> <svg aria-hidden="true" class="usa-icon--size-3" focusable="false" role="img" > <use xlink:href="/static/uswds/img/sprite.svg#arrow_drop_down" /> </svg> </span> </button> </div> </li> </ul> </div> </fieldset> </div> <div class="desktop:grid-col-10 tablet:grid-col-9 grid-col-12 tablet:border-left tablet:border-bottom tablet:border-right tablet:border-left-2px tablet:border-base-lighter bg-primary-lighter contentWrapper" > <div class="grid-col-12" > <div class="preview grid-container" > <div class="grid-row" > <div class="grid-col-12 usa-prose" > <div class="formContentWrapper" > <fieldset class="usa-fieldset width-full" > <div> <div> <ul class="add-list-reset" > <li class="_draggableListItemWrapper_1f0s8_59 draggable-list-item-wrapper bg-white cursor-pointer margin-bottom-3" style="opacity: 1; border: none;" > <div class="grid-row" > <div aria-describedby="DndDescribedBy-1"

AssertionError: expected 'Invalid input' to be 'Invalid phone number format' // Object.is equality Expected: "Invalid phone number format" Received: "Invalid input" ❯ src/patterns/phone-number/phone-number.test.ts:56:54