1) [chromium] › components/commerce/product-template-components/atomic-product-excerpt/e2e/atomic-product-excerpt.e2e.ts:122:13 › atomic-product-excerpt › when excerpt is truncated › when truncateAfter is set to 2 › when clicking the "Show More" button › when isCollapsible is false › should not show "Show Less" button Error: expect(locator).not.toBeVisible() Locator: getByRole('button', { name: 'Show less' }) Expected: not visible Received: visible Call log: - expect.not.toBeVisible with timeout 7000ms - waiting for getByRole('button', { name: 'Show less' }) 2 × locator resolved to <button title="Show less" class="btn-text-primary expandable-text-button p-1 text-xs ripple-parent ripple-relative">…</button> - unexpected value "visible" 123 | productExcerpt, 124 | }) => { > 125 | expect(productExcerpt.showLessButton).not.toBeVisible(); | ^ 126 | }); 127 | }); 128 | }); at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/commerce/product-template-components/atomic-product-excerpt/e2e/atomic-product-excerpt.e2e.ts:125:57

2) [chromium] › components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:46:5 › with a custom fallback image › when the product image is missing › should have a 1:1 aspect ratio TypeError: Cannot read properties of undefined (reading '0') at components/commerce/product-template-components/atomic-product-image/e2e/page-object.ts:34 32 | const response = await route.fetch(); 33 | const body = await response.json(); > 34 | body.products[0].ec_thumbnails = thumbnails; | ^ 35 | 36 | await route.fulfill({ 37 | response, at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/commerce/product-template-components/atomic-product-image/e2e/page-object.ts:34:20

2) [chromium] › components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:46:5 › with a custom fallback image › when the product image is missing › should have a 1:1 aspect ratio Error: locator.waitFor: Test ended. Call log: - waiting for getByRole('img').first() to be visible 36 | await productImage.withCustomThumbnails([]); 37 | await productImage.load({story: 'with-a-fallback-image'}); > 38 | await productImage.noCarouselImage.waitFor(); | ^ 39 | }); 40 | 41 | test('should render the fallback image', async ({productImage}) => { at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:38:42

2) [chromium] › components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:46:5 › with a custom fallback image › when the product image is missing › should have a 1:1 aspect ratio Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── TypeError: Cannot read properties of undefined (reading '0') at components/commerce/product-template-components/atomic-product-image/e2e/page-object.ts:34 32 | const response = await route.fetch(); 33 | const body = await response.json(); > 34 | body.products[0].ec_thumbnails = thumbnails; | ^ 35 | 36 | await route.fulfill({ 37 | response, at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/commerce/product-template-components/atomic-product-image/e2e/page-object.ts:34:20

2) [chromium] › components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:46:5 › with a custom fallback image › when the product image is missing › should have a 1:1 aspect ratio Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.waitFor: Test ended. Call log: - waiting for getByRole('img').first() to be visible 36 | await productImage.withCustomThumbnails([]); 37 | await productImage.load({story: 'with-a-fallback-image'}); > 38 | await productImage.noCarouselImage.waitFor(); | ^ 39 | }); 40 | 41 | test('should render the fallback image', async ({productImage}) => { at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:38:42

3) [chromium] › components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:64:5 › with a custom fallback image › when the product image is invalid › should have a 1:1 aspect ratio TypeError: Cannot read properties of undefined (reading '0') at components/commerce/product-template-components/atomic-product-image/e2e/page-object.ts:34 32 | const response = await route.fetch(); 33 | const body = await response.json(); > 34 | body.products[0].ec_thumbnails = thumbnails; | ^ 35 | 36 | await route.fulfill({ 37 | response, at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/commerce/product-template-components/atomic-product-image/e2e/page-object.ts:34:20

3) [chromium] › components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:64:5 › with a custom fallback image › when the product image is invalid › should have a 1:1 aspect ratio Error: locator.getAttribute: Test ended. Call log: - waiting for getByRole('img').first() 64 | test('should have a 1:1 aspect ratio', async ({productImage}) => { 65 | const aspectRatio = > 66 | await productImage.noCarouselImage.getAttribute('class'); | ^ 67 | expect(aspectRatio).toEqual('aspect-square'); 68 | }); 69 | }); at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:66:44

4) [chromium] › components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:77:5 › with a custom fallback image › when the product image is not a string › should render the fallback image TypeError: Cannot read properties of undefined (reading '0') at components/commerce/product-template-components/atomic-product-image/e2e/page-object.ts:34 32 | const response = await route.fetch(); 33 | const body = await response.json(); > 34 | body.products[0].ec_thumbnails = thumbnails; | ^ 35 | 36 | await route.fulfill({ 37 | response, at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/commerce/product-template-components/atomic-product-image/e2e/page-object.ts:34:20

4) [chromium] › components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:77:5 › with a custom fallback image › when the product image is not a string › should render the fallback image Error: locator.getAttribute: Test ended. Call log: - waiting for getByRole('img').first() 76 | 77 | test('should render the fallback image', async ({productImage}) => { > 78 | const src = await productImage.noCarouselImage.getAttribute('src'); | ^ 79 | expect(src).toContain(FALLBACK); 80 | }); 81 | at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:78:54

5) [chromium] › components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:111:5 › with an alt text field › when imageAltField is a valid string › should be accessible TypeError: Cannot read properties of undefined (reading '0') at components/commerce/product-template-components/atomic-product-image/e2e/page-object.ts:51 49 | const response = await route.fetch(); 50 | const body = await response.json(); > 51 | body.products[0].custom_alt_field = fieldNoCarousel; | ^ 52 | body.products[1].custom_alt_field = fieldCarousel; 53 | 54 | await route.fulfill({ at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/commerce/product-template-components/atomic-product-image/e2e/page-object.ts:51:20