1) [chromium] › src/components/recommendations/atomic-recs-list/e2e/atomic-recs-list.e2e.ts:122:1 › with no recommendations returned by the API, should render placeholders TypeError: Cannot read properties of undefined (reading 'slice') at components/recommendations/atomic-recs-list/e2e/page-object.ts:38 36 | const body = await response.json(); 37 | if (numberOfRecommendations !== undefined) { > 38 | body['results'] = body['results'].slice(0, numberOfRecommendations); | ^ 39 | } 40 | await route.fulfill({ 41 | response, at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/recommendations/atomic-recs-list/e2e/page-object.ts:38:45

1) [chromium] › src/components/recommendations/atomic-recs-list/e2e/atomic-recs-list.e2e.ts:122:1 › with no recommendations returned by the API, should render placeholders Error: page.waitForLoadState: Test ended. 128 | await recsList.hydrated.waitFor(); 129 | > 130 | await page.waitForLoadState('networkidle'); | ^ 131 | await expect(recsList.placeholder.first()).toBeVisible(); 132 | }); 133 | at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/recommendations/atomic-recs-list/e2e/atomic-recs-list.e2e.ts:130:14

2) [chromium] › src/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 getByRole('button', { name: '“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

3) [chromium] › src/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-bklod-left-suggestion-recent-coveoo" class="flex px-4 min-h-10 items-center text-left text-neutral-dark cursor-pointer">…</button> aka getByRole('button', { name: '“coveoo”, recent query. 2 of' }) 2) <button part="correction-btn" class="text-primary hover:text-primary-light focus-visible:text-primary-light py-1 hover:underline focus-visible:underline">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