AssertionError: expected [ <button …(4)>…(1)</button>, …(1) ] to have a length of +0 but got 2 - Expected + Received - 0 + 2 ❯ components/VAutocomplete/__tests__/VAutocomplete.spec.browser.tsx:97:50

AssertionError: expected [ <div …(4)>…(4)</div>, …(2) ] to have a length of 2 but got 3 - Expected + Received - 2 + 3 ❯ components/VAutocomplete/__tests__/VAutocomplete.spec.browser.tsx:398:22

Error: Matcher did not succeed in 1000ms ❯ setup components/VAutocomplete/__tests__/VAutocomplete.spec.browser.tsx:491:45 ❯ components/VAutocomplete/__tests__/VAutocomplete.spec.browser.tsx:497:42 Caused by: Caused by: Error: expect(element).toHaveClass("v-list-item--active") Expected the element to have class: v-list-item--active Received: v-list-item v-list-item--link v-theme--light v-list-item--density-default v-list-item--one-line rounded-0 v-list-item--variant-text

Error: Matcher did not succeed in 1000ms ❯ setup components/VAutocomplete/__tests__/VAutocomplete.spec.browser.tsx:491:45 ❯ components/VAutocomplete/__tests__/VAutocomplete.spec.browser.tsx:505:42 Caused by: Caused by: Error: expect(element).toHaveClass("v-list-item--active") Expected the element to have class: v-list-item--active Received: v-list-item v-list-item--link v-theme--light v-list-item--density-default v-list-item--one-line rounded-0 v-list-item--variant-text

Error: Matcher did not succeed in 1000ms ❯ setup components/VAutocomplete/__tests__/VAutocomplete.spec.browser.tsx:491:45 ❯ components/VAutocomplete/__tests__/VAutocomplete.spec.browser.tsx:513:42 Caused by: Caused by: Error: expect(element).toHaveClass("v-list-item--active") Expected the element to have class: v-list-item--active Received: v-list-item v-list-item--link v-theme--light v-list-item--density-default v-list-item--one-line rounded-0 v-list-item--variant-text

TestingLibraryElementError: Found multiple elements with the role "option" Here are the matching elements: Ignored nodes: comments, script, style <div aria-selected="true" class="v-list-item v-list-item--active v-list-item--link v-theme--light v-list-item--density-default v-list-item--one-line rounded-0 v-list-item--variant-text" role="option" tabindex="-2" > <span class="v-list-item__overlay" /> <span class="v-list-item__underlay" /> <div class="v-list-item__prepend" > <div class="v-list-item__spacer" /> </div> <div class="v-list-item__content" data-no-activator="" > <div class="v-list-item-title" > Item 1 </div> </div> </div> Ignored nodes: comments, script, style <div aria-selected="false" class="v-list-item v-list-item--link v-theme--light v-list-item--density-default v-list-item--one-line rounded-0 v-list-item--variant-text" role="option" tabindex="-2" > <span class="v-list-item__overlay" /> <span class="v-list-item__underlay" /> <div class="v-list-item__prepend" > <div class="v-list-item__spacer" /> </div> <div class="v-list-item__content" data-no-activator="" > <div class="v-list-item-title" > Item 2 </div> </div> </div> Ignored nodes: comments, script, style <div aria-selected="false" class="v-list-item v-list-item--link v-theme--light v-list-item--density-default v-list-item--one-line rounded-0 v-list-item--variant-text" role="option" tabindex="-2" > <span class="v-list-item__overlay" /> <span class="v-list-item__underlay" /> <div class="v-list-item__prepend" > <div class="v-list-item__spacer" /> </div> <div class="v-list-item__content" data-no-activator="" > <div class="v-list-item-title" > Item 3 </div> </div> </div> Ignored nodes: comments, script, style <div aria-selected="false" class="v-list-item v-list-item--link v-theme--light v-list-item--density-default v-list-item--one-line rounded-0 v-list-item--variant-text" role="option" tabindex="-2" > <span class="v-list-item__overlay" /> <span class="v-list-item__underlay" /> <div class="v-list-item__prepend" > <div class="v-list-item__spacer" /> </div> <div class="v-list-item__content" data-no-activator="" > <div class="v-list-item-title" > Item 4 </div> </div> </div> (If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)). Ignored nodes: comments, script, style <body> <div class="v-overlay-container" > <div class="v-overlay v-overlay--absolute v-overlay--active v-theme--light v-locale--is-ltr v-menu" id="v-menu-2" style="z-index: 2000;" > <div class="v-overlay__content v-autocomplete__content" style="max-height: 310px;" target="[object HTMLDivElement]" > <div aria-live="polite" class="v-list v-theme--light v-list--density-default v-list--one-line" role="listbox" tabindex="-1" > <div class="v-virtual-scroll__spacer" style="padding-top: 0px;" /> <div aria-selected="true" class="v-list-item v-list-item--active v-list-item--link v-theme--light v-list-item--density-default v-list-item--one-line rounded-0 v-list-item--variant-text" role="option" tabindex="-2" > <span class="v-list-item__overlay" /> <span class="v-list-item__underlay"