1) [chromium] › components/search/atomic-did-you-mean/e2e/atomic-did-you-mean.e2e.ts:22:3 › with an automatic query correction › should display the auto corrected Error: expect.toBeVisible: Error: strict mode violation: getByText('coveo', { exact: true }) resolved to 2 elements: 1) <span part="recent-query-text" class="line-clamp-2 break-all">…</span> aka getByLabel('“coveo”, recent query. 2 of') 2) <b part="highlight">coveo</b> aka locator('#code-root').getByText('coveo', { exact: true }) Call log: - expect.toBeVisible with timeout 7000ms - waiting for getByText('coveo', { exact: true }) 24 | page.getByText('Query was automatically corrected to') 25 | ).toBeVisible(); > 26 | await expect(page.getByText(CORRECTED_QUERY, {exact: true})).toBeVisible(); | ^ 27 | }); 28 | }); 29 | at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/search/atomic-did-you-mean/e2e/atomic-did-you-mean.e2e.ts:26:66

2) [chromium] › components/search/atomic-did-you-mean/e2e/atomic-did-you-mean.e2e.ts:39:3 › with a manual query correction › search box should contain the original query Error: Timed out 7000ms waiting for expect(locator).toHaveValue(expected) Locator: locator('atomic-search-box').getByPlaceholder('Search') Expected string: "coveoo" Received string: "" Call log: - expect.toHaveValue with timeout 7000ms - waiting for locator('atomic-search-box').getByPlaceholder('Search') 11 × locator resolved to <textarea rows="1" part="textarea" autocorrect="off" autocomplete="off" placeholder="Search" autocapitalize="off" aria-haspopup="true" aria-autocomplete="both" class="placeholder-neutral-dark" aria-controls="atomic-search-box-u0s6o-popup" title="Search field with suggestions. To begin navigating suggestions, while focused, press Down Arrow. To send, press Enter." aria-label="Search field with suggestions. To begin navigating suggestions, while focused, press Down Arrow. To send, press Enter."></textarea> - unexpected value "" 38 | 39 | test('search box should contain the original query', async ({searchBox}) => { > 40 | await expect(searchBox.searchInput).toHaveValue(ORIGINAL_QUERY); | ^ 41 | }); 42 | 43 | test('should show did you mean text', async ({page}) => { at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/search/atomic-did-you-mean/e2e/atomic-did-you-mean.e2e.ts:40:41

3) [chromium] › components/search/atomic-did-you-mean/e2e/atomic-did-you-mean.e2e.ts:49:3 › with a manual query correction › should show manual correction button Error: expect.toBeVisible: Error: strict mode violation: getByRole('button', { name: 'coveo' }) resolved to 2 elements: 1) <button data-query="coveoo" aria-label="“coveoo”, recent query. 2 of 2." part="suggestion suggestion-with-query recent-query-item" id="atomic-search-box-4z5mf-left-suggestion-recent-coveoo" class="flex px-4 min-h-[40px] items-center text-left text-neutral-dark cursor-pointer">…</button> aka getByLabel('“coveoo”, recent query. 2 of') 2) <button class="link py-1" part="correction-btn">coveo</button> aka getByRole('button', { name: 'coveo', exact: true }) Call log: - expect.toBeVisible with timeout 7000ms - waiting for getByRole('button', { name: 'coveo' }) 50 | await expect( 51 | page.getByRole('button', {name: CORRECTED_QUERY}) > 52 | ).toBeVisible(); | ^ 53 | }); 54 | 55 | test('when clicking on the manual correction button, the search box should contain the corrected query', async ({ at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/search/atomic-did-you-mean/e2e/atomic-did-you-mean.e2e.ts:52:7

4) [chromium] › components/search/atomic-did-you-mean/e2e/atomic-did-you-mean.e2e.ts:55:3 › with a manual query correction › when clicking on the manual correction button, the search box should contain the corrected query Error: locator.click: Error: strict mode violation: getByRole('button', { name: 'coveo' }) resolved to 2 elements: 1) <button data-query="coveoo" aria-label="“coveoo”, recent query. 2 of 2." part="suggestion suggestion-with-query recent-query-item" id="atomic-search-box-f6qkj-left-suggestion-recent-coveoo" class="flex px-4 min-h-[40px] items-center text-left text-neutral-dark cursor-pointer">…</button> aka getByLabel('“coveoo”, recent query. 2 of') 2) <button class="link py-1" part="correction-btn">coveo</button> aka getByRole('button', { name: 'coveo', exact: true }) Call log: - waiting for getByRole('button', { name: 'coveo' }) 57 | page, 58 | }) => { > 59 | await page.getByRole('button', {name: CORRECTED_QUERY}).click(); | ^ 60 | await expect(searchBox.searchInput).toHaveValue(CORRECTED_QUERY); 61 | }); 62 | }); at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/search/atomic-did-you-mean/e2e/atomic-did-you-mean.e2e.ts:59:61