Components: replace TabPanel with Tabs in the Block Inspector
#90625
chad1008end2end-test.yml
on: pull_request
Matrix: e2e-playwright
Puppeteer
17m 19s
Report to GitHub
2m 35s
Annotations
16 errors and 8 notices
|
[chromium] › site-editor/font-library.spec.js:45:3 › Font Library › When a theme with bundled fonts is active › should display the "Manage Fonts" icon:
test/e2e/specs/site-editor/font-library.spec.js#L42
1) [chromium] › site-editor/font-library.spec.js:45:3 › Font Library › When a theme with bundled fonts is active › should display the "Manage Fonts" icon
TimeoutError: locator.click: Timeout 10000ms exceeded.
=========================== logs ===========================
waiting for frameLocator('[name="editor-canvas"]').locator('body')
============================================================
40 | postType: 'wp_template',
41 | } );
> 42 | await editor.canvas.locator( 'body' ).click();
| ^
43 | } );
44 |
45 | test( 'should display the "Manage Fonts" icon', async ( { page } ) => {
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/font-library.spec.js:42:42
|
|
[chromium] › editor/various/block-hierarchy-navigation.spec.js:95:2 › Navigating the block hierarchy › should navigate block hierarchy using only the keyboard:
test/e2e/specs/editor/various/block-hierarchy-navigation.spec.js#L133
1) [chromium] › editor/various/block-hierarchy-navigation.spec.js:95:2 › Navigating the block hierarchy › should navigate block hierarchy using only the keyboard
Error: Timed out 5000ms waiting for expect(locator).toBeFocused()
Locator: getByRole('slider', { name: 'Columns' })
Expected: focused
Received: inactive
Call log:
- expect.toBeFocused with timeout 5000ms
- waiting for getByRole('slider', { name: 'Columns' })
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
131 | await expect(
132 | page.getByRole( 'slider', { name: 'Columns' } )
> 133 | ).toBeFocused();
| ^
134 | await page.keyboard.press( 'ArrowRight' );
135 |
136 | // Navigate to the third column in the columns block via List View.
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/block-hierarchy-navigation.spec.js:133:5
|
|
[chromium] › editor/various/block-hierarchy-navigation.spec.js:95:2 › Navigating the block hierarchy › should navigate block hierarchy using only the keyboard:
test/e2e/specs/editor/various/block-hierarchy-navigation.spec.js#L133
1) [chromium] › editor/various/block-hierarchy-navigation.spec.js:95:2 › Navigating the block hierarchy › should navigate block hierarchy using only the keyboard
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toBeFocused()
Locator: getByRole('slider', { name: 'Columns' })
Expected: focused
Received: inactive
Call log:
- expect.toBeFocused with timeout 5000ms
- waiting for getByRole('slider', { name: 'Columns' })
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
131 | await expect(
132 | page.getByRole( 'slider', { name: 'Columns' } )
> 133 | ).toBeFocused();
| ^
134 | await page.keyboard.press( 'ArrowRight' );
135 |
136 | // Navigate to the third column in the columns block via List View.
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/block-hierarchy-navigation.spec.js:133:5
|
|
[chromium] › editor/various/block-hierarchy-navigation.spec.js:95:2 › Navigating the block hierarchy › should navigate block hierarchy using only the keyboard:
test/e2e/specs/editor/various/block-hierarchy-navigation.spec.js#L133
1) [chromium] › editor/various/block-hierarchy-navigation.spec.js:95:2 › Navigating the block hierarchy › should navigate block hierarchy using only the keyboard
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toBeFocused()
Locator: getByRole('slider', { name: 'Columns' })
Expected: focused
Received: inactive
Call log:
- expect.toBeFocused with timeout 5000ms
- waiting for getByRole('slider', { name: 'Columns' })
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
- locator resolved to <input max="6" min="1" step="1" value="2" tabindex="0" …/>
- unexpected value "not focused"
131 | await expect(
132 | page.getByRole( 'slider', { name: 'Columns' } )
> 133 | ).toBeFocused();
| ^
134 | await page.keyboard.press( 'ArrowRight' );
135 |
136 | // Navigate to the third column in the columns block via List View.
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/block-hierarchy-navigation.spec.js:133:5
|
|
Playwright - 3
Process completed with exit code 1.
|
|
Playwright - 2
Canceling since a higher priority waiting request for 'End-to-End Tests-tabs-block-inspector' exists
|
|
[chromium] › editor/blocks/navigation-colors.spec.js:57:2 › Navigation colors › All navigation links should default to the body color and submenus and mobile overlay should default to a white background with black text:
test/e2e/specs/editor/blocks/navigation-colors.spec.js#L411
1) [chromium] › editor/blocks/navigation-colors.spec.js:57:2 › Navigation colors › All navigation links should default to the body color and submenus and mobile overlay should default to a white background with black text
TimeoutError: locator.click: Timeout 10000ms exceeded.
=========================== logs ===========================
waiting for getByRole('radio', { name: 'Always' })
============================================================
409 | await this.page.getByRole( 'tab', { name: 'Settings' } ).click();
410 | // Set it to always be the mobile view, but don't save this setting so we can still check all the frontend colors.
> 411 | await this.page.getByRole( 'radio', { name: 'Always' } ).click();
| ^
412 | await this.editor.canvas
413 | .getByRole( 'button', { name: 'Open menu' } )
414 | .click();
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:411:60)
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:69:3
|
|
[chromium] › editor/blocks/navigation-colors.spec.js:57:2 › Navigation colors › All navigation links should default to the body color and submenus and mobile overlay should default to a white background with black text:
test/e2e/specs/editor/blocks/navigation-colors.spec.js#L411
1) [chromium] › editor/blocks/navigation-colors.spec.js:57:2 › Navigation colors › All navigation links should default to the body color and submenus and mobile overlay should default to a white background with black text
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
TimeoutError: locator.click: Timeout 10000ms exceeded.
=========================== logs ===========================
waiting for getByRole('radio', { name: 'Always' })
============================================================
409 | await this.page.getByRole( 'tab', { name: 'Settings' } ).click();
410 | // Set it to always be the mobile view, but don't save this setting so we can still check all the frontend colors.
> 411 | await this.page.getByRole( 'radio', { name: 'Always' } ).click();
| ^
412 | await this.editor.canvas
413 | .getByRole( 'button', { name: 'Open menu' } )
414 | .click();
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:411:60)
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:69:3
|
|
[chromium] › editor/blocks/navigation-colors.spec.js:57:2 › Navigation colors › All navigation links should default to the body color and submenus and mobile overlay should default to a white background with black text:
test/e2e/specs/editor/blocks/navigation-colors.spec.js#L411
1) [chromium] › editor/blocks/navigation-colors.spec.js:57:2 › Navigation colors › All navigation links should default to the body color and submenus and mobile overlay should default to a white background with black text
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
TimeoutError: locator.click: Timeout 10000ms exceeded.
=========================== logs ===========================
waiting for getByRole('radio', { name: 'Always' })
============================================================
409 | await this.page.getByRole( 'tab', { name: 'Settings' } ).click();
410 | // Set it to always be the mobile view, but don't save this setting so we can still check all the frontend colors.
> 411 | await this.page.getByRole( 'radio', { name: 'Always' } ).click();
| ^
412 | await this.editor.canvas
413 | .getByRole( 'button', { name: 'Open menu' } )
414 | .click();
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:411:60)
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:69:3
|
|
[chromium] › editor/blocks/navigation-colors.spec.js:78:2 › Navigation colors › Top level navigation links inherit the text color from the theme/group but do not apply to the submenu or overlay text:
test/e2e/specs/editor/blocks/navigation-colors.spec.js#L411
2) [chromium] › editor/blocks/navigation-colors.spec.js:78:2 › Navigation colors › Top level navigation links inherit the text color from the theme/group but do not apply to the submenu or overlay text
TimeoutError: locator.click: Timeout 10000ms exceeded.
=========================== logs ===========================
waiting for getByRole('radio', { name: 'Always' })
============================================================
409 | await this.page.getByRole( 'tab', { name: 'Settings' } ).click();
410 | // Set it to always be the mobile view, but don't save this setting so we can still check all the frontend colors.
> 411 | await this.page.getByRole( 'radio', { name: 'Always' } ).click();
| ^
412 | await this.editor.canvas
413 | .getByRole( 'button', { name: 'Open menu' } )
414 | .click();
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:411:60)
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:122:3
|
|
[chromium] › editor/blocks/navigation-colors.spec.js:78:2 › Navigation colors › Top level navigation links inherit the text color from the theme/group but do not apply to the submenu or overlay text:
test/e2e/specs/editor/blocks/navigation-colors.spec.js#L411
2) [chromium] › editor/blocks/navigation-colors.spec.js:78:2 › Navigation colors › Top level navigation links inherit the text color from the theme/group but do not apply to the submenu or overlay text
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
TimeoutError: locator.click: Timeout 10000ms exceeded.
=========================== logs ===========================
waiting for getByRole('radio', { name: 'Always' })
============================================================
409 | await this.page.getByRole( 'tab', { name: 'Settings' } ).click();
410 | // Set it to always be the mobile view, but don't save this setting so we can still check all the frontend colors.
> 411 | await this.page.getByRole( 'radio', { name: 'Always' } ).click();
| ^
412 | await this.editor.canvas
413 | .getByRole( 'button', { name: 'Open menu' } )
414 | .click();
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:411:60)
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:122:3
|
|
[chromium] › editor/blocks/navigation-colors.spec.js:78:2 › Navigation colors › Top level navigation links inherit the text color from the theme/group but do not apply to the submenu or overlay text:
test/e2e/specs/editor/blocks/navigation-colors.spec.js#L411
2) [chromium] › editor/blocks/navigation-colors.spec.js:78:2 › Navigation colors › Top level navigation links inherit the text color from the theme/group but do not apply to the submenu or overlay text
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
TimeoutError: locator.click: Timeout 10000ms exceeded.
=========================== logs ===========================
waiting for getByRole('radio', { name: 'Always' })
============================================================
409 | await this.page.getByRole( 'tab', { name: 'Settings' } ).click();
410 | // Set it to always be the mobile view, but don't save this setting so we can still check all the frontend colors.
> 411 | await this.page.getByRole( 'radio', { name: 'Always' } ).click();
| ^
412 | await this.editor.canvas
413 | .getByRole( 'button', { name: 'Open menu' } )
414 | .click();
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:411:60)
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:122:3
|
|
[chromium] › editor/blocks/navigation-colors.spec.js:131:2 › Navigation colors › Navigation text does not inherit the link color from the theme/group:
test/e2e/specs/editor/blocks/navigation-colors.spec.js#L411
3) [chromium] › editor/blocks/navigation-colors.spec.js:131:2 › Navigation colors › Navigation text does not inherit the link color from the theme/group
TimeoutError: locator.click: Timeout 10000ms exceeded.
=========================== logs ===========================
waiting for getByRole('radio', { name: 'Always' })
============================================================
409 | await this.page.getByRole( 'tab', { name: 'Settings' } ).click();
410 | // Set it to always be the mobile view, but don't save this setting so we can still check all the frontend colors.
> 411 | await this.page.getByRole( 'radio', { name: 'Always' } ).click();
| ^
412 | await this.editor.canvas
413 | .getByRole( 'button', { name: 'Open menu' } )
414 | .click();
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:411:60)
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:178:3
|
|
[chromium] › editor/blocks/navigation-colors.spec.js:131:2 › Navigation colors › Navigation text does not inherit the link color from the theme/group:
test/e2e/specs/editor/blocks/navigation-colors.spec.js#L411
3) [chromium] › editor/blocks/navigation-colors.spec.js:131:2 › Navigation colors › Navigation text does not inherit the link color from the theme/group
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
TimeoutError: locator.click: Timeout 10000ms exceeded.
=========================== logs ===========================
waiting for getByRole('radio', { name: 'Always' })
============================================================
409 | await this.page.getByRole( 'tab', { name: 'Settings' } ).click();
410 | // Set it to always be the mobile view, but don't save this setting so we can still check all the frontend colors.
> 411 | await this.page.getByRole( 'radio', { name: 'Always' } ).click();
| ^
412 | await this.editor.canvas
413 | .getByRole( 'button', { name: 'Open menu' } )
414 | .click();
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:411:60)
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:178:3
|
|
[chromium] › editor/blocks/navigation-colors.spec.js:131:2 › Navigation colors › Navigation text does not inherit the link color from the theme/group:
test/e2e/specs/editor/blocks/navigation-colors.spec.js#L411
3) [chromium] › editor/blocks/navigation-colors.spec.js:131:2 › Navigation colors › Navigation text does not inherit the link color from the theme/group
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
TimeoutError: locator.click: Timeout 10000ms exceeded.
=========================== logs ===========================
waiting for getByRole('radio', { name: 'Always' })
============================================================
409 | await this.page.getByRole( 'tab', { name: 'Settings' } ).click();
410 | // Set it to always be the mobile view, but don't save this setting so we can still check all the frontend colors.
> 411 | await this.page.getByRole( 'radio', { name: 'Always' } ).click();
| ^
412 | await this.editor.canvas
413 | .getByRole( 'button', { name: 'Open menu' } )
414 | .click();
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:411:60)
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:178:3
|
|
[chromium] › editor/blocks/navigation-colors.spec.js:187:2 › Navigation colors › The navigation text color should apply to all navigation links including submenu and overlay text:
test/e2e/specs/editor/blocks/navigation-colors.spec.js#L197
4) [chromium] › editor/blocks/navigation-colors.spec.js:187:2 › Navigation colors › The navigation text color should apply to all navigation links including submenu and overlay text
TimeoutError: locator.click: Timeout 10000ms exceeded.
=========================== logs ===========================
waiting for getByRole('button', { name: 'Text', exact: true })
============================================================
195 | await page.getByRole( 'tab', { name: 'Styles' } ).click();
196 | // Pale pink for the text color.
> 197 | await page.getByRole( 'button', { name: 'Text', exact: true } ).click();
| ^
198 | // 247, 141, 167 is the color of the "Pale pink" color preset.
199 | const palePink = 'rgb(247, 141, 167)';
200 | await page
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:197:67
|
|
🎭 Playwright Run Summary
1 skipped
152 passed (6.5m)
|
|
🎭 Playwright Run Summary
134 passed (7.0m)
|
|
🎭 Playwright Run Summary
11 skipped
151 passed (7.6m)
|
|
🎭 Playwright Run Summary
3 skipped
119 passed (7.1m)
|
|
🎭 Playwright Run Summary
146 passed (7.0m)
|
|
🎭 Playwright Run Summary
1 flaky
[chromium] › site-editor/font-library.spec.js:45:3 › Font Library › When a theme with bundled fonts is active › should display the "Manage Fonts" icon
1 skipped
113 passed (6.4m)
|
|
🎭 Playwright Run Summary
1 failed
[chromium] › editor/various/block-hierarchy-navigation.spec.js:95:2 › Navigating the block hierarchy › should navigate block hierarchy using only the keyboard
126 passed (6.2m)
|
|
🎭 Playwright Run Summary
13 failed
[chromium] › editor/blocks/navigation-colors.spec.js:57:2 › Navigation colors › All navigation links should default to the body color and submenus and mobile overlay should default to a white background with black text
[chromium] › editor/blocks/navigation-colors.spec.js:78:2 › Navigation colors › Top level navigation links inherit the text color from the theme/group but do not apply to the submenu or overlay text
[chromium] › editor/blocks/navigation-colors.spec.js:131:2 › Navigation colors › Navigation text does not inherit the link color from the theme/group
[chromium] › editor/blocks/navigation-colors.spec.js:187:2 › Navigation colors › The navigation text color should apply to all navigation links including submenu and overlay text
[chromium] › editor/blocks/navigation-colors.spec.js:229:2 › Navigation colors › The navigation background color should apply to all navigation links including submenu and overlay backgrounds
[chromium] › editor/blocks/navigation-colors.spec.js:274:2 › Navigation colors › As a user I expect my navigation to use the colors I selected for it
[chromium] › editor/blocks/navigation-list-view.spec.js:49:2 › Navigation block - List view editing › show a list view in the inspector controls
[chromium] › editor/blocks/navigation-list-view.spec.js:86:2 › Navigation block - List view editing › list view should correctly reflect navigation items' structure
[chromium] › editor/blocks/navigation-list-view.spec.js:137:2 › Navigation block - List view editing › can add new menu items
[chromium] › editor/blocks/navigation-list-view.spec.js:253:2 › Navigation block - List view editing › can remove menu items
[chromium] › editor/blocks/navigation-list-view.spec.js:297:2 › Navigation block - List view editing › can edit menu items
[chromium] › editor/blocks/navigation-list-view.spec.js:385:2 › Navigation block - List view editing › can add submenus
[chromium] › editor/blocks/navigation-list-view.spec.js:464:2 › Navigation block - List view editing › does not display link interface for blocks that have not just been inserted
1 skipped
100 passed (13.9m)
|
Artifacts
Produced during runtime
| Name | Size | |
|---|---|---|
|
failures-artifacts
Expired
|
75.2 MB |
|
|
flaky-tests-report
Expired
|
2.94 KB |
|