Navigation Overlay customisation via Template Parts #97481
getdaveend2end-test.yml
on: pull_request
Matrix: e2e-playwright
Puppeteer
7m 4s
Report to GitHub
6s
Annotations
11 errors, 9 warnings, and 8 notices
|
[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#L372
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
Error: Timed out 5000ms waiting for expect(locator).toHaveCSS(expected)
Locator: frameLocator('[name="editor-canvas"]').locator('a').filter({ hasText: 'Custom Link' })
Expected string: "rgb(0, 0, 0)"
Received string: ""
Call log:
- expect.toHaveCSS with timeout 5000ms
- waiting for frameLocator('[name="editor-canvas"]').locator('a').filter({ hasText: 'Custom Link' })
370 | .filter( { hasText: 'Page Link' } );
371 |
> 372 | await expect( customLink ).toHaveCSS( 'color', textColor );
| ^
373 | await expect( pageLink ).toHaveCSS( 'color', textColor );
374 | // Navigation background.
375 | const navigationWrapper = this.editor.canvas.getByRole( 'document', {
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:372:30)
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:69:22
|
|
[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#L372
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 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveCSS(expected)
Locator: frameLocator('[name="editor-canvas"]').locator('a').filter({ hasText: 'Custom Link' })
Expected string: "rgb(0, 0, 0)"
Received string: ""
Call log:
- expect.toHaveCSS with timeout 5000ms
- waiting for frameLocator('[name="editor-canvas"]').locator('a').filter({ hasText: 'Custom Link' })
370 | .filter( { hasText: 'Page Link' } );
371 |
> 372 | await expect( customLink ).toHaveCSS( 'color', textColor );
| ^
373 | await expect( pageLink ).toHaveCSS( 'color', textColor );
374 | // Navigation background.
375 | const navigationWrapper = this.editor.canvas.getByRole( 'document', {
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:372:30)
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:69:22
|
|
[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#L372
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 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveCSS(expected)
Locator: frameLocator('[name="editor-canvas"]').locator('a').filter({ hasText: 'Custom Link' })
Expected string: "rgb(0, 0, 0)"
Received string: ""
Call log:
- expect.toHaveCSS with timeout 5000ms
- waiting for frameLocator('[name="editor-canvas"]').locator('a').filter({ hasText: 'Custom Link' })
370 | .filter( { hasText: 'Page Link' } );
371 |
> 372 | await expect( customLink ).toHaveCSS( 'color', textColor );
| ^
373 | await expect( pageLink ).toHaveCSS( 'color', textColor );
374 | // Navigation background.
375 | const navigationWrapper = this.editor.canvas.getByRole( 'document', {
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:372:30)
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:69:22
|
|
[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#L372
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
Error: Timed out 5000ms waiting for expect(locator).toHaveCSS(expected)
Locator: frameLocator('[name="editor-canvas"]').locator('a').filter({ hasText: 'Custom Link' })
Expected string: "rgb(255, 255, 255)"
Received string: ""
Call log:
- expect.toHaveCSS with timeout 5000ms
- waiting for frameLocator('[name="editor-canvas"]').locator('a').filter({ hasText: 'Custom Link' })
370 | .filter( { hasText: 'Page Link' } );
371 |
> 372 | await expect( customLink ).toHaveCSS( 'color', textColor );
| ^
373 | await expect( pageLink ).toHaveCSS( 'color', textColor );
374 | // Navigation background.
375 | const navigationWrapper = this.editor.canvas.getByRole( 'document', {
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:372:30)
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:122:22
|
|
[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#L372
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 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveCSS(expected)
Locator: frameLocator('[name="editor-canvas"]').locator('a').filter({ hasText: 'Custom Link' })
Expected string: "rgb(255, 255, 255)"
Received string: ""
Call log:
- expect.toHaveCSS with timeout 5000ms
- waiting for frameLocator('[name="editor-canvas"]').locator('a').filter({ hasText: 'Custom Link' })
370 | .filter( { hasText: 'Page Link' } );
371 |
> 372 | await expect( customLink ).toHaveCSS( 'color', textColor );
| ^
373 | await expect( pageLink ).toHaveCSS( 'color', textColor );
374 | // Navigation background.
375 | const navigationWrapper = this.editor.canvas.getByRole( 'document', {
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:372:30)
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:122:22
|
|
[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#L372
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 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveCSS(expected)
Locator: frameLocator('[name="editor-canvas"]').locator('a').filter({ hasText: 'Custom Link' })
Expected string: "rgb(255, 255, 255)"
Received string: ""
Call log:
- expect.toHaveCSS with timeout 5000ms
- waiting for frameLocator('[name="editor-canvas"]').locator('a').filter({ hasText: 'Custom Link' })
370 | .filter( { hasText: 'Page Link' } );
371 |
> 372 | await expect( customLink ).toHaveCSS( 'color', textColor );
| ^
373 | await expect( pageLink ).toHaveCSS( 'color', textColor );
374 | // Navigation background.
375 | const navigationWrapper = this.editor.canvas.getByRole( 'document', {
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:372:30)
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:122:22
|
|
[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#L372
3) [chromium] › editor/blocks/navigation-colors.spec.js:131:2 › Navigation colors › Navigation text does not inherit the link color from the theme/group
Error: Timed out 5000ms waiting for expect(locator).toHaveCSS(expected)
Locator: frameLocator('[name="editor-canvas"]').locator('a').filter({ hasText: 'Custom Link' })
Expected string: "rgb(0, 0, 0)"
Received string: ""
Call log:
- expect.toHaveCSS with timeout 5000ms
- waiting for frameLocator('[name="editor-canvas"]').locator('a').filter({ hasText: 'Custom Link' })
370 | .filter( { hasText: 'Page Link' } );
371 |
> 372 | await expect( customLink ).toHaveCSS( 'color', textColor );
| ^
373 | await expect( pageLink ).toHaveCSS( 'color', textColor );
374 | // Navigation background.
375 | const navigationWrapper = this.editor.canvas.getByRole( 'document', {
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:372:30)
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:178:22
|
|
[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#L372
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 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveCSS(expected)
Locator: frameLocator('[name="editor-canvas"]').locator('a').filter({ hasText: 'Custom Link' })
Expected string: "rgb(0, 0, 0)"
Received string: ""
Call log:
- expect.toHaveCSS with timeout 5000ms
- waiting for frameLocator('[name="editor-canvas"]').locator('a').filter({ hasText: 'Custom Link' })
370 | .filter( { hasText: 'Page Link' } );
371 |
> 372 | await expect( customLink ).toHaveCSS( 'color', textColor );
| ^
373 | await expect( pageLink ).toHaveCSS( 'color', textColor );
374 | // Navigation background.
375 | const navigationWrapper = this.editor.canvas.getByRole( 'document', {
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:372:30)
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:178:22
|
|
[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#L372
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 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveCSS(expected)
Locator: frameLocator('[name="editor-canvas"]').locator('a').filter({ hasText: 'Custom Link' })
Expected string: "rgb(0, 0, 0)"
Received string: ""
Call log:
- expect.toHaveCSS with timeout 5000ms
- waiting for frameLocator('[name="editor-canvas"]').locator('a').filter({ hasText: 'Custom Link' })
370 | .filter( { hasText: 'Page Link' } );
371 |
> 372 | await expect( customLink ).toHaveCSS( 'color', textColor );
| ^
373 | await expect( pageLink ).toHaveCSS( 'color', textColor );
374 | // Navigation background.
375 | const navigationWrapper = this.editor.canvas.getByRole( 'document', {
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:372:30)
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:178:22
|
|
[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#L195
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('tab', { name: 'Styles' })
============================================================
193 |
194 | // In the inspector sidebar, we change the nav block colors.
> 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.
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:195:53
|
|
Report to GitHub
Unable to download artifact(s): Artifact not found for name: flaky-tests-report
Please ensure that your artifact is not expired and the artifact was uploaded using a compatible version of toolkit/upload-artifact.
For more information, visit the GitHub Artifacts FAQ: https://github.com/actions/toolkit/blob/main/packages/artifact/docs/faq.md
|
|
Puppeteer
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/setup-node@64ed1c7eab4cce3362f8c340dee64e5eaeef8f7c, actions/cache@88522ab9f39a2ea568f7027eddc7d8d8bc9d59c8. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|
|
Playwright - 7
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/setup-node@64ed1c7eab4cce3362f8c340dee64e5eaeef8f7c, actions/cache@88522ab9f39a2ea568f7027eddc7d8d8bc9d59c8. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|
|
Playwright - 4
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/setup-node@64ed1c7eab4cce3362f8c340dee64e5eaeef8f7c, actions/cache@88522ab9f39a2ea568f7027eddc7d8d8bc9d59c8. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|
|
Playwright - 6
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/setup-node@64ed1c7eab4cce3362f8c340dee64e5eaeef8f7c, actions/cache@88522ab9f39a2ea568f7027eddc7d8d8bc9d59c8. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|
|
Playwright - 8
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/setup-node@64ed1c7eab4cce3362f8c340dee64e5eaeef8f7c, actions/cache@88522ab9f39a2ea568f7027eddc7d8d8bc9d59c8. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|
|
Playwright - 3
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/setup-node@64ed1c7eab4cce3362f8c340dee64e5eaeef8f7c, actions/cache@88522ab9f39a2ea568f7027eddc7d8d8bc9d59c8. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|
|
Playwright - 5
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/setup-node@64ed1c7eab4cce3362f8c340dee64e5eaeef8f7c, actions/cache@88522ab9f39a2ea568f7027eddc7d8d8bc9d59c8. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|
|
Playwright - 1
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/setup-node@64ed1c7eab4cce3362f8c340dee64e5eaeef8f7c, actions/cache@88522ab9f39a2ea568f7027eddc7d8d8bc9d59c8. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|
|
Playwright - 2
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/setup-node@64ed1c7eab4cce3362f8c340dee64e5eaeef8f7c, actions/cache@88522ab9f39a2ea568f7027eddc7d8d8bc9d59c8. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|
|
🎭 Playwright Run Summary
189 passed (7.1m)
|
|
🎭 Playwright Run Summary
163 passed (7.6m)
|
|
🎭 Playwright Run Summary
4 skipped
158 passed (7.7m)
|
|
🎭 Playwright Run Summary
3 skipped
129 passed (7.6m)
|
|
🎭 Playwright Run Summary
164 passed (7.7m)
|
|
🎭 Playwright Run Summary
1 skipped
163 passed (7.6m)
|
|
🎭 Playwright Run Summary
11 skipped
152 passed (7.8m)
|
|
🎭 Playwright Run Summary
22 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
[chromium] › editor/blocks/navigation.spec.js:23:3 › Navigation block › As a user I want the navigation block to fallback to the best possible default › default to a list of pages if there are no menus
[chromium] › editor/blocks/navigation.spec.js:49:3 › Navigation block › As a user I want the navigation block to fallback to the best possible default › default to my only existing menu
[chromium] › editor/blocks/navigation.spec.js:91:3 › Navigation block › As a user I want the navigation block to fallback to the best possible default › default to the only existing classic menu if there are no block menus
[chromium] › editor/blocks/navigation.spec.js:127:3 › Navigation block › As a user I want the navigation block to fallback to the best possible default › default to my most recently created menu
[chromium] › editor/blocks/navigation.spec.js:180:3 › Navigation block › As a user I want to create submenus using the navigation block › create a submenu
[chromium] › editor/blocks/navigation.spec.js:217:3 › Navigation block › As a user I want to create submenus using the navigation block › submenu converts to link automatically
[chromium] › editor/blocks/navigation.spec.js:263:2 › Navigation block › As a user I want to see a warning if the menu referenced by a navigation block is not available
[chromium] › editor/blocks/navigation.spec.js:293:2 › Navigation block › Adding new links to a navigation block with existing inner blocks triggers creation of a single Navigation Menu
[chromium] › editor/blocks/search.spec.js:23:2 › Search › should auto-configure itself to sensible defaults when inserted into a Navigation block
1 skipped
140 passed (19.1m)
|
Artifacts
Produced during runtime
| Name | Size | |
|---|---|---|
|
failures-artifacts
Expired
|
80.4 MB |
|