1) [chromium] › components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:59:5 › with a custom fallback image › when the product image is invalid › 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

1) [chromium] › components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:59:5 › with a custom fallback image › when the product image is invalid › should render the fallback image Error: locator.getAttribute: Test ended. Call log: - waiting for getByRole('img').first() 58 | 59 | test('should render the fallback image', async ({productImage}) => { > 60 | const src = await productImage.noCarouselImage.getAttribute('src'); | ^ 61 | expect(src).toContain(FALLBACK); 62 | }); 63 | 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:60:54

1) [chromium] › components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:59:5 › with a custom fallback image › when the product image is invalid › should render the fallback image 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

1) [chromium] › components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:59:5 › with a custom fallback image › when the product image is invalid › should render the fallback image Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.getAttribute: Test ended. Call log: - waiting for getByRole('img').first() 58 | 59 | test('should render the fallback image', async ({productImage}) => { > 60 | const src = await productImage.noCarouselImage.getAttribute('src'); | ^ 61 | expect(src).toContain(FALLBACK); 62 | }); 63 | 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:60:54

1) [chromium] › components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:59:5 › with a custom fallback image › when the product image is invalid › should render the fallback image Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── 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

1) [chromium] › components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:59:5 › with a custom fallback image › when the product image is invalid › should render the fallback image Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.getAttribute: Test ended. Call log: - waiting for getByRole('img').first() 58 | 59 | test('should render the fallback image', async ({productImage}) => { > 60 | const src = await productImage.noCarouselImage.getAttribute('src'); | ^ 61 | expect(src).toContain(FALLBACK); 62 | }); 63 | 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:60:54

2) [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

2) [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

Process completed with exit code 1.