1) [blockTheme] › templates/cart-template.block_theme.spec.ts:95:6 › Test editing the cart template › Template can be modified Error: Timed out 20000ms waiting for expect(received).toBeVisible() Call log: - expect.toBeVisible with timeout 20000ms - waiting for getByText('Hello World in the template').first() 111 | await expect( 112 | page.getByText( 'Hello World in the template' ).first() > 113 | ).toBeVisible(); | ^ 114 | } ); 115 | } ); 116 | at /home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/templates/cart-template.block_theme.spec.ts:113:5

1) [blockThemeWithGlobalSideEffects] › on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:104:3 › woocommerce/product-sale-badge › On the Single Product Template › should be rendered on the frontend side Error: expect.toBeVisible: Error: strict mode violation: locator('[data-block-name="woocommerce/product-sale-badge"]') resolved to 2 elements: 1) <div data-lock="{"move":true}" data-block-name="wooco…>…</div> aka locator('div').filter({ hasText: /^SaleProduct on sale$/ }).first() 2) <div data-block-name="woocommerce/product-sale-badge"…>…</div> aka locator('div').filter({ hasText: /^SaleProduct on sale$/ }).nth(2) =========================== logs =========================== expect.toBeVisible with timeout 20000ms waiting for locator('[data-block-name="woocommerce/product-sale-badge"]') ============================================================ 128 | const block = await frontendUtils.getBlockByName( blockData.name ); 129 | > 130 | await expect( block ).toBeVisible(); | ^ 131 | } ); 132 | 133 | test( `should be not rendered when the product isn't on sale the frontend side`, async ( { at /home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:130:26

1) [blockThemeWithGlobalSideEffects] › on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:104:3 › woocommerce/product-sale-badge › On the Single Product Template › should be rendered on the frontend side Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect.toBeVisible: Error: strict mode violation: locator('[data-block-name="woocommerce/product-sale-badge"]') resolved to 2 elements: 1) <div data-lock="{"move":true}" data-block-name="wooco…>…</div> aka locator('div').filter({ hasText: /^SaleProduct on sale$/ }).first() 2) <div data-block-name="woocommerce/product-sale-badge"…>…</div> aka locator('div').filter({ hasText: /^SaleProduct on sale$/ }).nth(2) =========================== logs =========================== expect.toBeVisible with timeout 20000ms waiting for locator('[data-block-name="woocommerce/product-sale-badge"]') ============================================================ 128 | const block = await frontendUtils.getBlockByName( blockData.name ); 129 | > 130 | await expect( block ).toBeVisible(); | ^ 131 | } ); 132 | 133 | test( `should be not rendered when the product isn't on sale the frontend side`, async ( { at /home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:130:26

1) [blockThemeWithGlobalSideEffects] › on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:104:3 › woocommerce/product-sale-badge › On the Single Product Template › should be rendered on the frontend side Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect.toBeVisible: Error: strict mode violation: locator('[data-block-name="woocommerce/product-sale-badge"]') resolved to 2 elements: 1) <div data-lock="{"move":true}" data-block-name="wooco…>…</div> aka locator('div').filter({ hasText: /^SaleProduct on sale$/ }).first() 2) <div data-block-name="woocommerce/product-sale-badge"…>…</div> aka locator('div').filter({ hasText: /^SaleProduct on sale$/ }).nth(2) =========================== logs =========================== expect.toBeVisible with timeout 20000ms waiting for locator('[data-block-name="woocommerce/product-sale-badge"]') ============================================================ 128 | const block = await frontendUtils.getBlockByName( blockData.name ); 129 | > 130 | await expect( block ).toBeVisible(); | ^ 131 | } ); 132 | 133 | test( `should be not rendered when the product isn't on sale the frontend side`, async ( { at /home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:130:26

2) [blockThemeWithGlobalSideEffects] › on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:162:3 › woocommerce/product-sale-badge › On the Single Product Template › should be aligned on the left Error: locator.evaluate: Error: strict mode violation: locator('.wc-block-components-product-sale-badge') resolved to 2 elements: 1) <div class="wc-block-components-product-sale-badge al…>…</div> aka getByText('SaleProduct on sale').first() 2) <div class="wc-block-components-product-sale-badge al…>…</div> aka locator('dialog').getByText('SaleProduct on sale') =========================== logs =========================== waiting for locator('.wc-block-components-product-sale-badge') ============================================================ 60 | .productSaleBadge 61 | ) > 62 | .evaluate( ( el ) => el.getBoundingClientRect() ), | ^ 63 | productSaleBadgeContainer: await page 64 | .locator( 65 | blockData.selectors[ isFrontend ? 'frontend' : 'editor' ] at getBoundingClientRect (/home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:62:5) at /home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:203:43

2) [blockThemeWithGlobalSideEffects] › on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:162:3 › woocommerce/product-sale-badge › On the Single Product Template › should be aligned on the left Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.evaluate: Error: strict mode violation: locator('.wc-block-components-product-sale-badge') resolved to 2 elements: 1) <div class="wc-block-components-product-sale-badge al…>…</div> aka getByText('SaleProduct on sale').first() 2) <div class="wc-block-components-product-sale-badge al…>…</div> aka locator('dialog').getByText('SaleProduct on sale') =========================== logs =========================== waiting for locator('.wc-block-components-product-sale-badge') ============================================================ 60 | .productSaleBadge 61 | ) > 62 | .evaluate( ( el ) => el.getBoundingClientRect() ), | ^ 63 | productSaleBadgeContainer: await page 64 | .locator( 65 | blockData.selectors[ isFrontend ? 'frontend' : 'editor' ] at getBoundingClientRect (/home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:62:5) at /home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:203:43

2) [blockThemeWithGlobalSideEffects] › on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:162:3 › woocommerce/product-sale-badge › On the Single Product Template › should be aligned on the left Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.evaluate: Error: strict mode violation: locator('.wc-block-components-product-sale-badge') resolved to 2 elements: 1) <div class="wc-block-components-product-sale-badge al…>…</div> aka getByText('SaleProduct on sale').first() 2) <div class="wc-block-components-product-sale-badge al…>…</div> aka locator('dialog').getByText('SaleProduct on sale') =========================== logs =========================== waiting for locator('.wc-block-components-product-sale-badge') ============================================================ 60 | .productSaleBadge 61 | ) > 62 | .evaluate( ( el ) => el.getBoundingClientRect() ), | ^ 63 | productSaleBadgeContainer: await page 64 | .locator( 65 | blockData.selectors[ isFrontend ? 'frontend' : 'editor' ] at getBoundingClientRect (/home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:62:5) at /home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:203:43

3) [blockThemeWithGlobalSideEffects] › on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:214:3 › woocommerce/product-sale-badge › On the Single Product Template › should be aligned on the center Error: locator.evaluate: Error: strict mode violation: locator('.wc-block-components-product-sale-badge') resolved to 2 elements: 1) <div class="wc-block-components-product-sale-badge al…>…</div> aka getByText('SaleProduct on sale').first() 2) <div class="wc-block-components-product-sale-badge al…>…</div> aka locator('dialog').getByText('SaleProduct on sale') =========================== logs =========================== waiting for locator('.wc-block-components-product-sale-badge') ============================================================ 60 | .productSaleBadge 61 | ) > 62 | .evaluate( ( el ) => el.getBoundingClientRect() ), | ^ 63 | productSaleBadgeContainer: await page 64 | .locator( 65 | blockData.selectors[ isFrontend ? 'frontend' : 'editor' ] at getBoundingClientRect (/home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:62:5) at /home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:257:43

3) [blockThemeWithGlobalSideEffects] › on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:214:3 › woocommerce/product-sale-badge › On the Single Product Template › should be aligned on the center Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.evaluate: Error: strict mode violation: locator('.wc-block-components-product-sale-badge') resolved to 2 elements: 1) <div class="wc-block-components-product-sale-badge al…>…</div> aka getByText('SaleProduct on sale').first() 2) <div class="wc-block-components-product-sale-badge al…>…</div> aka locator('dialog').getByText('SaleProduct on sale') =========================== logs =========================== waiting for locator('.wc-block-components-product-sale-badge') ============================================================ 60 | .productSaleBadge 61 | ) > 62 | .evaluate( ( el ) => el.getBoundingClientRect() ), | ^ 63 | productSaleBadgeContainer: await page 64 | .locator( 65 | blockData.selectors[ isFrontend ? 'frontend' : 'editor' ] at getBoundingClientRect (/home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:62:5) at /home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:257:43

3) [blockThemeWithGlobalSideEffects] › on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:214:3 › woocommerce/product-sale-badge › On the Single Product Template › should be aligned on the center Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.evaluate: Error: strict mode violation: locator('.wc-block-components-product-sale-badge') resolved to 2 elements: 1) <div class="wc-block-components-product-sale-badge al…>…</div> aka getByText('SaleProduct on sale').first() 2) <div class="wc-block-components-product-sale-badge al…>…</div> aka locator('dialog').getByText('SaleProduct on sale') =========================== logs =========================== waiting for locator('.wc-block-components-product-sale-badge') ============================================================ 60 | .productSaleBadge 61 | ) > 62 | .evaluate( ( el ) => el.getBoundingClientRect() ), | ^ 63 | productSaleBadgeContainer: await page 64 | .locator( 65 | blockData.selectors[ isFrontend ? 'frontend' : 'editor' ] at getBoundingClientRect (/home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:62:5) at /home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:257:43

4) [blockThemeWithGlobalSideEffects] › on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:270:3 › woocommerce/product-sale-badge › On the Single Product Template › should be aligned on the right by default Error: locator.evaluate: Error: strict mode violation: locator('.wc-block-components-product-sale-badge') resolved to 2 elements: 1) <div class="wc-block-components-product-sale-badge al…>…</div> aka getByText('SaleProduct on sale').first() 2) <div class="wc-block-components-product-sale-badge al…>…</div> aka locator('dialog').getByText('SaleProduct on sale') =========================== logs =========================== waiting for locator('.wc-block-components-product-sale-badge') ============================================================ 60 | .productSaleBadge 61 | ) > 62 | .evaluate( ( el ) => el.getBoundingClientRect() ), | ^ 63 | productSaleBadgeContainer: await page 64 | .locator( 65 | blockData.selectors[ isFrontend ? 'frontend' : 'editor' ] at getBoundingClientRect (/home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:62:5) at /home/runner/work/woocommerce-blocks/woocommerce-blocks/tests/e2e/tests/on-sale-badge/on-sale-badge-single-product-template.block_theme.side_effects.spec.ts:307:43

[blockTheme] › product-collection/product-collection.block_theme.spec.ts took 3.2m

[blockTheme] › templates/cart-template.block_theme.spec.ts took 1.9m

[blockTheme] › templates/checkout-template.block_theme.spec.ts took 1.3m

[blockTheme] › add-to-cart-form/add-to-cart-form.block_theme.spec.ts took 43.0s

[blockTheme] › cart/cart-block.merchant.block_theme.spec.ts took 42.9s

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

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

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

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

[blockThemeWithGlobalSideEffects] › checkout/order-confirmation.block_theme.side_effects.spec.ts took 1.0m

2 passed (24.6s)

1 flaky [blockTheme] › templates/cart-template.block_theme.spec.ts:95:6 › Test editing the cart template › Template can be modified 1 skipped 50 passed (11.0m)