Skip to content

Add heading block variations and transforms #86823

Add heading block variations and transforms

Add heading block variations and transforms #86823

Triggered via pull request October 20, 2023 19:32
Status Failure
Total duration 42m 57s
Artifacts 2

end2end-test.yml

on: pull_request
Matrix: e2e-playwright
Matrix: e2e-puppeteer
Report to GitHub
4m 39s
Report to GitHub
Fit to window
Zoom out
Zoom in

Annotations

21 errors and 4 notices
Puppeteer - 3: packages/e2e-tests/specs/editor/plugins/plugins-api.test.js#L813
TimeoutError: waiting for selector `tr[data-slug="gutenberg-test-plugin-plugins-error-boundary"] .deactivate a` failed: timeout 30000ms exceeded at new WaitTask (/home/runner/work/gutenberg/gutenberg/node_modules/puppeteer-core/src/common/DOMWorld.ts:813:28) at DOMWorld.waitForSelectorInPage (/home/runner/work/gutenberg/gutenberg/node_modules/puppeteer-core/src/common/DOMWorld.ts:656:22) at Object.internalHandler.waitFor (/home/runner/work/gutenberg/gutenberg/node_modules/puppeteer-core/src/common/QueryHandler.ts:78:19) at DOMWorld.waitForSelector (/home/runner/work/gutenberg/gutenberg/node_modules/puppeteer-core/src/common/DOMWorld.ts:511:25) at Frame.waitForSelector (/home/runner/work/gutenberg/gutenberg/node_modules/puppeteer-core/src/common/FrameManager.ts:1290:47) at Page.waitForSelector (/home/runner/work/gutenberg/gutenberg/node_modules/puppeteer-core/src/common/Page.ts:3222:29) at waitForSelector (/home/runner/work/gutenberg/gutenberg/packages/e2e-test-utils/build/@wordpress/e2e-test-utils/src/activate-plugin.js:29:13) at runMicrotasks (<anonymous>) at processTicksAndRejections (node:internal/process/task_queues:96:5) at Object.<anonymous> (/home/runner/work/gutenberg/gutenberg/packages/e2e-tests/specs/editor/plugins/plugins-api.test.js:162:4)
Puppeteer - 3
Process completed with exit code 1.
Puppeteer - 2: packages/e2e-tests/specs/editor/various/pattern-blocks.test.js#L813
TimeoutError: waiting for XPath `//*[contains(@Class, "components-snackbar")]/*[contains(text(),"pattern created:")]` failed: timeout 30000ms exceeded at new WaitTask (/home/runner/work/gutenberg/gutenberg/node_modules/puppeteer-core/src/common/DOMWorld.ts:813:28) at DOMWorld.waitForXPath (/home/runner/work/gutenberg/gutenberg/node_modules/puppeteer-core/src/common/DOMWorld.ts:702:22) at Frame.waitForXPath (/home/runner/work/gutenberg/gutenberg/node_modules/puppeteer-core/src/common/FrameManager.ts:1320:47) at Page.waitForXPath (/home/runner/work/gutenberg/gutenberg/node_modules/puppeteer-core/src/common/Page.ts:3281:29) at waitForXPath (/home/runner/work/gutenberg/gutenberg/packages/e2e-test-utils/build/@wordpress/e2e-test-utils/src/create-reusable-block.js:36:13) at runMicrotasks (<anonymous>) at processTicksAndRejections (node:internal/process/task_queues:96:5) at Object.<anonymous> (/home/runner/work/gutenberg/gutenberg/packages/e2e-tests/specs/editor/various/pattern-blocks.test.js:296:3)
Puppeteer - 2
Process completed with exit code 1.
[chromium] › editor/various/toolbar-roving-tabindex.spec.js:23:2 › Toolbar roving tabindex › ensures base block toolbars use roving tabindex: test/e2e/specs/editor/various/toolbar-roving-tabindex.spec.js#L191
1) [chromium] › editor/various/toolbar-roving-tabindex.spec.js:23:2 › Toolbar roving tabindex › ensures base block toolbars use roving tabindex Error: expect(received).toBe(expected) // Object.is equality Expected: "Heading" Received: "Heading 2" 189 | } ); 190 | } > 191 | expect( ariaLabel ).toBe( label ); | ^ 192 | } 193 | 194 | async wrapCurrentBlockWithGroup( currentBlockTitle ) { at ToolbarRovingTabindexUtils.expectLabelToHaveFocus (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/toolbar-roving-tabindex.spec.js:191:23) at ToolbarRovingTabindexUtils.testBlockToolbarKeyboardNavigation (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/toolbar-roving-tabindex.spec.js:167:3) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/toolbar-roving-tabindex.spec.js:47:3
[chromium] › editor/various/toolbar-roving-tabindex.spec.js:23:2 › Toolbar roving tabindex › ensures base block toolbars use roving tabindex: test/e2e/specs/editor/various/toolbar-roving-tabindex.spec.js#L191
1) [chromium] › editor/various/toolbar-roving-tabindex.spec.js:23:2 › Toolbar roving tabindex › ensures base block toolbars use roving tabindex Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toBe(expected) // Object.is equality Expected: "Heading" Received: "Heading 2" 189 | } ); 190 | } > 191 | expect( ariaLabel ).toBe( label ); | ^ 192 | } 193 | 194 | async wrapCurrentBlockWithGroup( currentBlockTitle ) { at ToolbarRovingTabindexUtils.expectLabelToHaveFocus (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/toolbar-roving-tabindex.spec.js:191:23) at ToolbarRovingTabindexUtils.testBlockToolbarKeyboardNavigation (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/toolbar-roving-tabindex.spec.js:167:3) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/toolbar-roving-tabindex.spec.js:47:3
[chromium] › editor/various/toolbar-roving-tabindex.spec.js:23:2 › Toolbar roving tabindex › ensures base block toolbars use roving tabindex: test/e2e/specs/editor/various/toolbar-roving-tabindex.spec.js#L191
1) [chromium] › editor/various/toolbar-roving-tabindex.spec.js:23:2 › Toolbar roving tabindex › ensures base block toolbars use roving tabindex Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toBe(expected) // Object.is equality Expected: "Heading" Received: "Heading 2" 189 | } ); 190 | } > 191 | expect( ariaLabel ).toBe( label ); | ^ 192 | } 193 | 194 | async wrapCurrentBlockWithGroup( currentBlockTitle ) { at ToolbarRovingTabindexUtils.expectLabelToHaveFocus (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/toolbar-roving-tabindex.spec.js:191:23) at ToolbarRovingTabindexUtils.testBlockToolbarKeyboardNavigation (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/toolbar-roving-tabindex.spec.js:167:3) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/toolbar-roving-tabindex.spec.js:47:3
[chromium] › widgets/customizing-widgets.spec.js:230:2 › Widgets Customizer › should move focus to the block: test/e2e/specs/widgets/customizing-widgets.spec.js#L285
2) [chromium] › widgets/customizing-widgets.spec.js:230:2 › Widgets Customizer › should move focus to the block Error: Timed out 5000ms waiting for expect(received).toBeFocused() Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('role=document[name="Block: Heading"i]').locator('text="First Heading"') - waiting for locator('role=document[name="Block: Heading"i]').locator('text="First Heading"') 283 | 'role=document[name="Block: Heading"i] >> text="First Heading"' 284 | ); > 285 | await expect( headingBlock ).toBeFocused(); | ^ 286 | } ); 287 | 288 | test( 'should clear block selection', async ( { at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/widgets/customizing-widgets.spec.js:285:32
[chromium] › widgets/customizing-widgets.spec.js:230:2 › Widgets Customizer › should move focus to the block: test/e2e/specs/widgets/customizing-widgets.spec.js#L285
2) [chromium] › widgets/customizing-widgets.spec.js:230:2 › Widgets Customizer › should move focus to the block Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(received).toBeFocused() Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('role=document[name="Block: Heading"i]').locator('text="First Heading"') - waiting for locator('role=document[name="Block: Heading"i]').locator('text="First Heading"') 283 | 'role=document[name="Block: Heading"i] >> text="First Heading"' 284 | ); > 285 | await expect( headingBlock ).toBeFocused(); | ^ 286 | } ); 287 | 288 | test( 'should clear block selection', async ( { at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/widgets/customizing-widgets.spec.js:285:32
[chromium] › widgets/customizing-widgets.spec.js:230:2 › Widgets Customizer › should move focus to the block: test/e2e/specs/widgets/customizing-widgets.spec.js#L285
2) [chromium] › widgets/customizing-widgets.spec.js:230:2 › Widgets Customizer › should move focus to the block Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(received).toBeFocused() Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('role=document[name="Block: Heading"i]').locator('text="First Heading"') - waiting for locator('role=document[name="Block: Heading"i]').locator('text="First Heading"') 283 | 'role=document[name="Block: Heading"i] >> text="First Heading"' 284 | ); > 285 | await expect( headingBlock ).toBeFocused(); | ^ 286 | } ); 287 | 288 | test( 'should clear block selection', async ( { at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/widgets/customizing-widgets.spec.js:285:32
Playwright - 3
Process completed with exit code 1.
[chromium] › editor/various/keep-styles-on-block-transforms.spec.js:11:2 › Keep styles on block transforms › Should keep colors during a transform: test/e2e/specs/editor/various/keep-styles-on-block-transforms.spec.js#L23
1) [chromium] › editor/various/keep-styles-on-block-transforms.spec.js:11:2 › Keep styles on block transforms › Should keep colors during a transform TimeoutError: page.click: Timeout 10000ms exceeded. =========================== logs =========================== waiting for locator('role=button[name="Heading"i]') ============================================================ 21 | await page.click( 'role=option[name="Color: Luminous vivid orange"i]' ); 22 | > 23 | await page.click( 'role=button[name="Heading"i]' ); | ^ 24 | await page.click( 'role=menuitem[name="Paragraph"i]' ); 25 | 26 | await expect.poll( editor.getBlocks ).toMatchObject( [ at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/keep-styles-on-block-transforms.spec.js:23:14
[chromium] › editor/various/keep-styles-on-block-transforms.spec.js:11:2 › Keep styles on block transforms › Should keep colors during a transform: test/e2e/specs/editor/various/keep-styles-on-block-transforms.spec.js#L23
1) [chromium] › editor/various/keep-styles-on-block-transforms.spec.js:11:2 › Keep styles on block transforms › Should keep colors during a transform Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── TimeoutError: page.click: Timeout 10000ms exceeded. =========================== logs =========================== waiting for locator('role=button[name="Heading"i]') ============================================================ 21 | await page.click( 'role=option[name="Color: Luminous vivid orange"i]' ); 22 | > 23 | await page.click( 'role=button[name="Heading"i]' ); | ^ 24 | await page.click( 'role=menuitem[name="Paragraph"i]' ); 25 | 26 | await expect.poll( editor.getBlocks ).toMatchObject( [ at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/keep-styles-on-block-transforms.spec.js:23:14
[chromium] › editor/various/keep-styles-on-block-transforms.spec.js:11:2 › Keep styles on block transforms › Should keep colors during a transform: test/e2e/specs/editor/various/keep-styles-on-block-transforms.spec.js#L23
1) [chromium] › editor/various/keep-styles-on-block-transforms.spec.js:11:2 › Keep styles on block transforms › Should keep colors during a transform Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── TimeoutError: page.click: Timeout 10000ms exceeded. =========================== logs =========================== waiting for locator('role=button[name="Heading"i]') ============================================================ 21 | await page.click( 'role=option[name="Color: Luminous vivid orange"i]' ); 22 | > 23 | await page.click( 'role=button[name="Heading"i]' ); | ^ 24 | await page.click( 'role=menuitem[name="Paragraph"i]' ); 25 | 26 | await expect.poll( editor.getBlocks ).toMatchObject( [ at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/keep-styles-on-block-transforms.spec.js:23:14
[chromium] › editor/various/list-view.spec.js:17:2 › List View › allows a user to drag a block to a new sibling position: test/e2e/specs/editor/various/list-view.spec.js#L60
2) [chromium] › editor/various/list-view.spec.js:17:2 › List View › allows a user to drag a block to a new sibling position TimeoutError: locator.dragTo: Timeout 10000ms exceeded. =========================== logs =========================== waiting for getByRole('treegrid', { name: 'Block navigation structure' }).getByRole('gridcell', { name: 'Paragraph', exact: true }) locator resolved to <td role="gridcell" aria-selected="true" class="bloc…>…</td> attempting move and down action waiting for element to be visible and stable element is visible and stable scrolling into view if needed done scrolling performing move and down action move and down action done waiting for scheduled navigations to finish navigations have finished waiting for getByRole('treegrid', { name: 'Block navigation structure' }).getByRole('gridcell', { name: 'Heading', exact: true }) ============================================================ 58 | exact: true, 59 | } ); > 60 | await paragraphBlockItem.dragTo( headingBlockItem, { x: 0, y: 0 } ); | ^ 61 | 62 | // Ensure the block was dropped correctly. 63 | await expect at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/list-view.spec.js:60:28
[chromium] › editor/various/list-view.spec.js:17:2 › List View › allows a user to drag a block to a new sibling position: test/e2e/specs/editor/various/list-view.spec.js#L60
2) [chromium] › editor/various/list-view.spec.js:17:2 › List View › allows a user to drag a block to a new sibling position Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── TimeoutError: locator.dragTo: Timeout 10000ms exceeded. =========================== logs =========================== waiting for getByRole('treegrid', { name: 'Block navigation structure' }).getByRole('gridcell', { name: 'Paragraph', exact: true }) locator resolved to <td role="gridcell" aria-selected="true" class="bloc…>…</td> attempting move and down action waiting for element to be visible and stable element is visible and stable scrolling into view if needed done scrolling performing move and down action move and down action done waiting for scheduled navigations to finish navigations have finished waiting for getByRole('treegrid', { name: 'Block navigation structure' }).getByRole('gridcell', { name: 'Heading', exact: true }) ============================================================ 58 | exact: true, 59 | } ); > 60 | await paragraphBlockItem.dragTo( headingBlockItem, { x: 0, y: 0 } ); | ^ 61 | 62 | // Ensure the block was dropped correctly. 63 | await expect at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/list-view.spec.js:60:28
[chromium] › editor/various/list-view.spec.js:17:2 › List View › allows a user to drag a block to a new sibling position: test/e2e/specs/editor/various/list-view.spec.js#L60
2) [chromium] › editor/various/list-view.spec.js:17:2 › List View › allows a user to drag a block to a new sibling position Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── TimeoutError: locator.dragTo: Timeout 10000ms exceeded. =========================== logs =========================== waiting for getByRole('treegrid', { name: 'Block navigation structure' }).getByRole('gridcell', { name: 'Paragraph', exact: true }) locator resolved to <td role="gridcell" aria-selected="true" class="bloc…>…</td> attempting move and down action waiting for element to be visible and stable element is visible and stable scrolling into view if needed done scrolling performing move and down action move and down action done waiting for scheduled navigations to finish navigations have finished waiting for getByRole('treegrid', { name: 'Block navigation structure' }).getByRole('gridcell', { name: 'Heading', exact: true }) ============================================================ 58 | exact: true, 59 | } ); > 60 | await paragraphBlockItem.dragTo( headingBlockItem, { x: 0, y: 0 } ); | ^ 61 | 62 | // Ensure the block was dropped correctly. 63 | await expect at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/list-view.spec.js:60:28
[chromium] › editor/various/list-view.spec.js:424:2 › List View › should duplicate: test/e2e/specs/editor/various/list-view.spec.js#L544
3) [chromium] › editor/various/list-view.spec.js:424:2 › List View › should duplicate, delete, and deselect blocks using keyboard TimeoutError: locator.dblclick: Timeout 10000ms exceeded. =========================== logs =========================== waiting for getByRole('treegrid', { name: 'Block navigation structure' }).getByRole('gridcell', { name: 'Heading', exact: true }) ============================================================ 542 | await listView 543 | .getByRole( 'gridcell', { name: 'Heading', exact: true } ) > 544 | .dblclick(); | ^ 545 | // Select both inner blocks in the column. 546 | await page.keyboard.press( 'Shift+ArrowDown' ); 547 | at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/list-view.spec.js:544:5
[chromium] › editor/various/list-view.spec.js:424:2 › List View › should duplicate: test/e2e/specs/editor/various/list-view.spec.js#L544
3) [chromium] › editor/various/list-view.spec.js:424:2 › List View › should duplicate, delete, and deselect blocks using keyboard Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── TimeoutError: locator.dblclick: Timeout 10000ms exceeded. =========================== logs =========================== waiting for getByRole('treegrid', { name: 'Block navigation structure' }).getByRole('gridcell', { name: 'Heading', exact: true }) ============================================================ 542 | await listView 543 | .getByRole( 'gridcell', { name: 'Heading', exact: true } ) > 544 | .dblclick(); | ^ 545 | // Select both inner blocks in the column. 546 | await page.keyboard.press( 'Shift+ArrowDown' ); 547 | at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/list-view.spec.js:544:5
[chromium] › editor/various/list-view.spec.js:424:2 › List View › should duplicate: test/e2e/specs/editor/various/list-view.spec.js#L544
3) [chromium] › editor/various/list-view.spec.js:424:2 › List View › should duplicate, delete, and deselect blocks using keyboard Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── TimeoutError: locator.dblclick: Timeout 10000ms exceeded. =========================== logs =========================== waiting for getByRole('treegrid', { name: 'Block navigation structure' }).getByRole('gridcell', { name: 'Heading', exact: true }) ============================================================ 542 | await listView 543 | .getByRole( 'gridcell', { name: 'Heading', exact: true } ) > 544 | .dblclick(); | ^ 545 | // Select both inner blocks in the column. 546 | await page.keyboard.press( 'Shift+ArrowDown' ); 547 | at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/list-view.spec.js:544:5
[chromium] › editor/various/rich-text.spec.js:11:2 › RichText › should handle change in tag name gracefully: packages/e2e-test-utils-playwright/src/editor/click-block-toolbar-button.ts#L20
4) [chromium] › editor/various/rich-text.spec.js:11:2 › RichText › should handle change in tag name gracefully TimeoutError: locator.click: Timeout 10000ms exceeded. =========================== logs =========================== waiting for locator('role=toolbar[name="Block tools"i]').locator('role=button[name="Change level"]') ============================================================ at ../../../packages/e2e-test-utils-playwright/src/editor/click-block-toolbar-button.ts:20 18 | const button = blockToolbar.locator( `role=button[name="${ label }"]` ); 19 | > 20 | await button.click(); | ^ 21 | } 22 | at Editor.clickBlockToolbarButton (/home/runner/work/gutenberg/gutenberg/packages/e2e-test-utils-playwright/src/editor/click-block-toolbar-button.ts:20:15) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/rich-text.spec.js:22:3
🎭 Playwright Run Summary
2 failed [chromium] › editor/various/toolbar-roving-tabindex.spec.js:23:2 › Toolbar roving tabindex › ensures base block toolbars use roving tabindex [chromium] › widgets/customizing-widgets.spec.js:230:2 › Widgets Customizer › should move focus to the block 1 skipped 230 passed (16.4m)
🎭 Playwright Run Summary
2 skipped 230 passed (22.3m)
🎭 Playwright Run Summary
11 skipped 229 passed (22.0m)
🎭 Playwright Run Summary
4 failed [chromium] › editor/various/keep-styles-on-block-transforms.spec.js:11:2 › Keep styles on block transforms › Should keep colors during a transform [chromium] › editor/various/list-view.spec.js:17:2 › List View › allows a user to drag a block to a new sibling position [chromium] › editor/various/list-view.spec.js:424:2 › List View › should duplicate, delete, and deselect blocks using keyboard [chromium] › editor/various/rich-text.spec.js:11:2 › RichText › should handle change in tag name gracefully 1 flaky [chromium] › editor/various/multi-block-selection.spec.js:245:2 › Multi-block selection › should select with shift + click 248 passed (26.3m)

Artifacts

Produced during runtime
Name Size
failures-artifacts Expired
39.9 MB
flaky-tests-report Expired
7.14 KB