1) [blockThemeWithGlobalSideEffects] › product-gallery/inner-blocks/product-gallery-large-image/product-gallery-large-image.block_theme.side_effects.spec.ts:84:3 › woocommerce/product-gallery-large-image › Zoom while hovering setting › should work on frontend when is enabled Error: locator.evaluate: Error: strict mode violation: locator('[data-block-name="woocommerce/product-gallery-large-image"]').filter({ has: locator(':visible') }).locator('img[style]:not([hidden])') resolved to 2 elements: 1) <img alt="" width="801" height="800" loading="lazy" d…/> aka locator('.wc-block-woocommerce-product-gallery-large-image__image').first() 2) <img alt="" width="800" height="800" loading="lazy" d…/> aka locator('div:nth-child(2) > .wc-block-product-gallery-large-image__image-element > .wc-block-woocommerce-product-gallery-large-image__image').first() =========================== logs =========================== waiting for locator('[data-block-name="woocommerce/product-gallery-large-image"]').filter({ has: locator(':visible') }).locator('img[style]:not([hidden])') ============================================================ 103 | 'img[style]:not([hidden])' 104 | ); > 105 | const style = await imgElement.evaluate( ( el ) => el.style ); | ^ 106 | 107 | await expect( style.transform ).toBe( 'scale(1)' ); 108 | at /home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/product-gallery/inner-blocks/product-gallery-large-image/product-gallery-large-image.block_theme.side_effects.spec.ts:105:35

1) [blockThemeWithGlobalSideEffects] › product-gallery/inner-blocks/product-gallery-large-image/product-gallery-large-image.block_theme.side_effects.spec.ts:84:3 › woocommerce/product-gallery-large-image › Zoom while hovering setting › should work on frontend when is enabled Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.evaluate: Error: strict mode violation: locator('[data-block-name="woocommerce/product-gallery-large-image"]').filter({ has: locator(':visible') }).locator('img[style]:not([hidden])') resolved to 2 elements: 1) <img alt="" width="801" height="800" loading="lazy" d…/> aka locator('.wc-block-woocommerce-product-gallery-large-image__image').first() 2) <img alt="" width="800" height="800" loading="lazy" d…/> aka locator('div:nth-child(2) > .wc-block-product-gallery-large-image__image-element > .wc-block-woocommerce-product-gallery-large-image__image').first() =========================== logs =========================== waiting for locator('[data-block-name="woocommerce/product-gallery-large-image"]').filter({ has: locator(':visible') }).locator('img[style]:not([hidden])') ============================================================ 103 | 'img[style]:not([hidden])' 104 | ); > 105 | const style = await imgElement.evaluate( ( el ) => el.style ); | ^ 106 | 107 | await expect( style.transform ).toBe( 'scale(1)' ); 108 | at /home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/product-gallery/inner-blocks/product-gallery-large-image/product-gallery-large-image.block_theme.side_effects.spec.ts:105:35

1) [blockThemeWithGlobalSideEffects] › product-gallery/inner-blocks/product-gallery-large-image/product-gallery-large-image.block_theme.side_effects.spec.ts:84:3 › woocommerce/product-gallery-large-image › Zoom while hovering setting › should work on frontend when is enabled Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.evaluate: Error: strict mode violation: locator('[data-block-name="woocommerce/product-gallery-large-image"]').filter({ has: locator(':visible') }).locator('img[style]:not([hidden])') resolved to 2 elements: 1) <img alt="" width="801" height="800" loading="lazy" d…/> aka locator('.wc-block-woocommerce-product-gallery-large-image__image').first() 2) <img alt="" width="800" height="800" loading="lazy" d…/> aka locator('div:nth-child(2) > .wc-block-product-gallery-large-image__image-element > .wc-block-woocommerce-product-gallery-large-image__image').first() =========================== logs =========================== waiting for locator('[data-block-name="woocommerce/product-gallery-large-image"]').filter({ has: locator(':visible') }).locator('img[style]:not([hidden])') ============================================================ 103 | 'img[style]:not([hidden])' 104 | ); > 105 | const style = await imgElement.evaluate( ( el ) => el.style ); | ^ 106 | 107 | await expect( style.transform ).toBe( 'scale(1)' ); 108 | at /home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/product-gallery/inner-blocks/product-gallery-large-image/product-gallery-large-image.block_theme.side_effects.spec.ts:105:35

2) [blockThemeWithGlobalSideEffects] › product-gallery/inner-blocks/product-gallery-large-image/product-gallery-large-image.block_theme.side_effects.spec.ts:118:3 › woocommerce/product-gallery-large-image › Zoom while hovering setting › should not work on frontend when is disabled Error: expect.toBeVisible: Error: strict mode violation: locator('[data-block-name="woocommerce/product-gallery-large-image"]').filter({ has: locator(':visible') }).locator('img:not([hidden])') resolved to 2 elements: 1) <img alt="" width="801" height="800" loading="lazy" d…/> aka locator('.wc-block-woocommerce-product-gallery-large-image__image').first() 2) <img alt="" width="800" height="800" loading="lazy" d…/> aka locator('div:nth-child(2) > .wc-block-product-gallery-large-image__image-element > .wc-block-woocommerce-product-gallery-large-image__image').first() =========================== logs =========================== expect.toBeVisible with timeout 20000ms waiting for locator('[data-block-name="woocommerce/product-gallery-large-image"]').filter({ has: locator(':visible') }).locator('img:not([hidden])') ============================================================ 145 | await expect( 146 | blockFrontend.locator( 'img:not([hidden])' ) > 147 | ).toBeVisible(); | ^ 148 | } ); 149 | } ); 150 | } ); at /home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/product-gallery/inner-blocks/product-gallery-large-image/product-gallery-large-image.block_theme.side_effects.spec.ts:147:6

2) [blockThemeWithGlobalSideEffects] › product-gallery/inner-blocks/product-gallery-large-image/product-gallery-large-image.block_theme.side_effects.spec.ts:118:3 › woocommerce/product-gallery-large-image › Zoom while hovering setting › should not work on frontend when is disabled Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect.toBeVisible: Error: strict mode violation: locator('[data-block-name="woocommerce/product-gallery-large-image"]').filter({ has: locator(':visible') }).locator('img:not([hidden])') resolved to 2 elements: 1) <img alt="" width="801" height="800" loading="lazy" d…/> aka locator('.wc-block-woocommerce-product-gallery-large-image__image').first() 2) <img alt="" width="800" height="800" loading="lazy" d…/> aka locator('div:nth-child(2) > .wc-block-product-gallery-large-image__image-element > .wc-block-woocommerce-product-gallery-large-image__image').first() =========================== logs =========================== expect.toBeVisible with timeout 20000ms waiting for locator('[data-block-name="woocommerce/product-gallery-large-image"]').filter({ has: locator(':visible') }).locator('img:not([hidden])') ============================================================ 145 | await expect( 146 | blockFrontend.locator( 'img:not([hidden])' ) > 147 | ).toBeVisible(); | ^ 148 | } ); 149 | } ); 150 | } ); at /home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/product-gallery/inner-blocks/product-gallery-large-image/product-gallery-large-image.block_theme.side_effects.spec.ts:147:6

2) [blockThemeWithGlobalSideEffects] › product-gallery/inner-blocks/product-gallery-large-image/product-gallery-large-image.block_theme.side_effects.spec.ts:118:3 › woocommerce/product-gallery-large-image › Zoom while hovering setting › should not work on frontend when is disabled Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect.toBeVisible: Error: strict mode violation: locator('[data-block-name="woocommerce/product-gallery-large-image"]').filter({ has: locator(':visible') }).locator('img:not([hidden])') resolved to 2 elements: 1) <img alt="" width="801" height="800" loading="lazy" d…/> aka locator('.wc-block-woocommerce-product-gallery-large-image__image').first() 2) <img alt="" width="800" height="800" loading="lazy" d…/> aka locator('div:nth-child(2) > .wc-block-product-gallery-large-image__image-element > .wc-block-woocommerce-product-gallery-large-image__image').first() =========================== logs =========================== expect.toBeVisible with timeout 20000ms waiting for locator('[data-block-name="woocommerce/product-gallery-large-image"]').filter({ has: locator(':visible') }).locator('img:not([hidden])') ============================================================ 145 | await expect( 146 | blockFrontend.locator( 'img:not([hidden])' ) > 147 | ).toBeVisible(); | ^ 148 | } ); 149 | } ); 150 | } ); at /home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/product-gallery/inner-blocks/product-gallery-large-image/product-gallery-large-image.block_theme.side_effects.spec.ts:147:6

3) [blockThemeWithGlobalSideEffects] › product-gallery/product-gallery.block_theme.side_effects.spec.ts:90:3 › woocommerce/product-gallery › with thumbnails › should have as first thumbnail, the same image that it is visible in the Large Image block Error: locator.getAttribute: Error: strict mode violation: locator('[data-block-name="woocommerce/product-gallery-large-image"]').filter({ has: locator(':visible') }).locator('img:not([hidden])') resolved to 3 elements: 1) <img alt="" width="800" height="799" loading="lazy" d…/> aka locator('.wc-block-woocommerce-product-gallery-large-image__image').first() 2) <img alt="" width="801" height="801" loading="lazy" d…/> aka locator('div:nth-child(2) > .wc-block-product-gallery-large-image__image-element > .wc-block-woocommerce-product-gallery-large-image__image').first() 3) <img alt="" width="801" height="801" loading="lazy" d…/> aka locator('div:nth-child(3) > .wc-block-product-gallery-large-image__image-element > .wc-block-woocommerce-product-gallery-large-image__image').first() =========================== logs =========================== waiting for locator('[data-block-name="woocommerce/product-gallery-large-image"]').filter({ has: locator(':visible') }).locator('img:not([hidden])') ============================================================ 39 | ) as Locator; 40 | > 41 | const mainImageContext = ( await mainImage.getAttribute( | ^ 42 | 'data-wc-context' 43 | ) ) as string; 44 | at getVisibleLargeImageId (/home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/product-gallery/product-gallery.block_theme.side_effects.spec.ts:41:45) at /home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/product-gallery/product-gallery.block_theme.side_effects.spec.ts:103:38

3) [blockThemeWithGlobalSideEffects] › product-gallery/product-gallery.block_theme.side_effects.spec.ts:90:3 › woocommerce/product-gallery › with thumbnails › should have as first thumbnail, the same image that it is visible in the Large Image block Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.getAttribute: Error: strict mode violation: locator('[data-block-name="woocommerce/product-gallery-large-image"]').filter({ has: locator(':visible') }).locator('img:not([hidden])') resolved to 3 elements: 1) <img alt="" width="800" height="799" loading="lazy" d…/> aka locator('.wc-block-woocommerce-product-gallery-large-image__image').first() 2) <img alt="" width="801" height="801" loading="lazy" d…/> aka locator('div:nth-child(2) > .wc-block-product-gallery-large-image__image-element > .wc-block-woocommerce-product-gallery-large-image__image').first() 3) <img alt="" width="801" height="801" loading="lazy" d…/> aka locator('div:nth-child(3) > .wc-block-product-gallery-large-image__image-element > .wc-block-woocommerce-product-gallery-large-image__image').first() =========================== logs =========================== waiting for locator('[data-block-name="woocommerce/product-gallery-large-image"]').filter({ has: locator(':visible') }).locator('img:not([hidden])') ============================================================ 39 | ) as Locator; 40 | > 41 | const mainImageContext = ( await mainImage.getAttribute( | ^ 42 | 'data-wc-context' 43 | ) ) as string; 44 | at getVisibleLargeImageId (/home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/product-gallery/product-gallery.block_theme.side_effects.spec.ts:41:45) at /home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/product-gallery/product-gallery.block_theme.side_effects.spec.ts:103:38

3) [blockThemeWithGlobalSideEffects] › product-gallery/product-gallery.block_theme.side_effects.spec.ts:90:3 › woocommerce/product-gallery › with thumbnails › should have as first thumbnail, the same image that it is visible in the Large Image block Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.getAttribute: Error: strict mode violation: locator('[data-block-name="woocommerce/product-gallery-large-image"]').filter({ has: locator(':visible') }).locator('img:not([hidden])') resolved to 3 elements: 1) <img alt="" width="800" height="799" loading="lazy" d…/> aka locator('.wc-block-woocommerce-product-gallery-large-image__image').first() 2) <img alt="" width="801" height="801" loading="lazy" d…/> aka locator('div:nth-child(2) > .wc-block-product-gallery-large-image__image-element > .wc-block-woocommerce-product-gallery-large-image__image').first() 3) <img alt="" width="801" height="801" loading="lazy" d…/> aka locator('div:nth-child(3) > .wc-block-product-gallery-large-image__image-element > .wc-block-woocommerce-product-gallery-large-image__image').first() =========================== logs =========================== waiting for locator('[data-block-name="woocommerce/product-gallery-large-image"]').filter({ has: locator(':visible') }).locator('img:not([hidden])') ============================================================ 39 | ) as Locator; 40 | > 41 | const mainImageContext = ( await mainImage.getAttribute( | ^ 42 | 'data-wc-context' 43 | ) ) as string; 44 | at getVisibleLargeImageId (/home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/product-gallery/product-gallery.block_theme.side_effects.spec.ts:41:45) at /home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/product-gallery/product-gallery.block_theme.side_effects.spec.ts:103:38

Process completed with exit code 1.

[blockThemeWithGlobalSideEffects] › product-gallery/inner-blocks/product-gallery-large-image/product-gallery-large-image.block_theme.side_effects.spec.ts took 2.0m

[blockThemeWithGlobalSideEffects] › on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts took 1.5m

[blockThemeWithGlobalSideEffects] › product-gallery/product-gallery.block_theme.side_effects.spec.ts took 1.5m

[blockThemeWithGlobalSideEffects] › product-gallery/inner-blocks/product-gallery-thumbnails/product-gallery-thumbnails.block_theme.side_effects.spec.ts took 1.4m

[blockThemeWithGlobalSideEffects] › products/products.block_theme.side_effects.spec.ts took 1.0m