Navigation Overlay customisation via Template Parts #90854
end2end-test.yml
on: pull_request
Matrix: e2e-playwright
Puppeteer
16m 17s
Report to GitHub
2m 37s
Annotations
11 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/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#L426
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"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' })
Expected string: "rgb(0, 0, 0)"
Received string: ""
Call log:
- expect.toHaveCSS with timeout 5000ms
- waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' })
424 | // All of the mobile menu navigation links should be the same color as the submenuTextColor.
425 | await expect( customLink ).toHaveCSS( 'color', submenuTextColor );
> 426 | await expect( submenuLink ).toHaveCSS( 'color', submenuTextColor );
| ^
427 | await expect( pageLink ).toHaveCSS( 'color', submenuTextColor );
428 |
429 | // The mobile menu background should be the same color as the submenu background.
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:426:31)
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#L426
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"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' })
Expected string: "rgb(0, 0, 0)"
Received string: ""
Call log:
- expect.toHaveCSS with timeout 5000ms
- waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' })
424 | // All of the mobile menu navigation links should be the same color as the submenuTextColor.
425 | await expect( customLink ).toHaveCSS( 'color', submenuTextColor );
> 426 | await expect( submenuLink ).toHaveCSS( 'color', submenuTextColor );
| ^
427 | await expect( pageLink ).toHaveCSS( 'color', submenuTextColor );
428 |
429 | // The mobile menu background should be the same color as the submenu background.
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:426:31)
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#L426
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"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' })
Expected string: "rgb(0, 0, 0)"
Received string: ""
Call log:
- expect.toHaveCSS with timeout 5000ms
- waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' })
424 | // All of the mobile menu navigation links should be the same color as the submenuTextColor.
425 | await expect( customLink ).toHaveCSS( 'color', submenuTextColor );
> 426 | await expect( submenuLink ).toHaveCSS( 'color', submenuTextColor );
| ^
427 | await expect( pageLink ).toHaveCSS( 'color', submenuTextColor );
428 |
429 | // The mobile menu background should be the same color as the submenu background.
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:426:31)
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#L425
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(0, 0, 0)"
Received string: "rgb(255, 255, 255)"
Call log:
- expect.toHaveCSS with timeout 5000ms
- waiting for frameLocator('[name="editor-canvas"]').locator('a').filter({ hasText: 'Custom Link' })
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
423 |
424 | // All of the mobile menu navigation links should be the same color as the submenuTextColor.
> 425 | await expect( customLink ).toHaveCSS( 'color', submenuTextColor );
| ^
426 | await expect( submenuLink ).toHaveCSS( 'color', submenuTextColor );
427 | await expect( pageLink ).toHaveCSS( 'color', submenuTextColor );
428 |
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:425:30)
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#L425
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(0, 0, 0)"
Received string: "rgb(255, 255, 255)"
Call log:
- expect.toHaveCSS with timeout 5000ms
- waiting for frameLocator('[name="editor-canvas"]').locator('a').filter({ hasText: 'Custom Link' })
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
423 |
424 | // All of the mobile menu navigation links should be the same color as the submenuTextColor.
> 425 | await expect( customLink ).toHaveCSS( 'color', submenuTextColor );
| ^
426 | await expect( submenuLink ).toHaveCSS( 'color', submenuTextColor );
427 | await expect( pageLink ).toHaveCSS( 'color', submenuTextColor );
428 |
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:425:30)
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#L425
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(0, 0, 0)"
Received string: "rgb(255, 255, 255)"
Call log:
- expect.toHaveCSS with timeout 5000ms
- waiting for frameLocator('[name="editor-canvas"]').locator('a').filter({ hasText: 'Custom Link' })
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(255, 255, 255)"
423 |
424 | // All of the mobile menu navigation links should be the same color as the submenuTextColor.
> 425 | await expect( customLink ).toHaveCSS( 'color', submenuTextColor );
| ^
426 | await expect( submenuLink ).toHaveCSS( 'color', submenuTextColor );
427 | await expect( pageLink ).toHaveCSS( 'color', submenuTextColor );
428 |
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:425:30)
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#L426
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"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' })
Expected string: "rgb(0, 0, 0)"
Received string: ""
Call log:
- expect.toHaveCSS with timeout 5000ms
- waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' })
424 | // All of the mobile menu navigation links should be the same color as the submenuTextColor.
425 | await expect( customLink ).toHaveCSS( 'color', submenuTextColor );
> 426 | await expect( submenuLink ).toHaveCSS( 'color', submenuTextColor );
| ^
427 | await expect( pageLink ).toHaveCSS( 'color', submenuTextColor );
428 |
429 | // The mobile menu background should be the same color as the submenu background.
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:426:31)
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#L426
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"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' })
Expected string: "rgb(0, 0, 0)"
Received string: ""
Call log:
- expect.toHaveCSS with timeout 5000ms
- waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' })
424 | // All of the mobile menu navigation links should be the same color as the submenuTextColor.
425 | await expect( customLink ).toHaveCSS( 'color', submenuTextColor );
> 426 | await expect( submenuLink ).toHaveCSS( 'color', submenuTextColor );
| ^
427 | await expect( pageLink ).toHaveCSS( 'color', submenuTextColor );
428 |
429 | // The mobile menu background should be the same color as the submenu background.
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:426:31)
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#L426
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"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' })
Expected string: "rgb(0, 0, 0)"
Received string: ""
Call log:
- expect.toHaveCSS with timeout 5000ms
- waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' })
424 | // All of the mobile menu navigation links should be the same color as the submenuTextColor.
425 | await expect( customLink ).toHaveCSS( 'color', submenuTextColor );
> 426 | await expect( submenuLink ).toHaveCSS( 'color', submenuTextColor );
| ^
427 | await expect( pageLink ).toHaveCSS( 'color', submenuTextColor );
428 |
429 | // The mobile menu background should be the same color as the submenu background.
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:426:31)
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#L426
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
Error: Timed out 5000ms waiting for expect(locator).toHaveCSS(expected)
Locator: frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' })
Expected string: "rgb(247, 141, 167)"
Received string: ""
Call log:
- expect.toHaveCSS with timeout 5000ms
- waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' })
424 | // All of the mobile menu navigation links should be the same color as the submenuTextColor.
425 | await expect( customLink ).toHaveCSS( 'color', submenuTextColor );
> 426 | await expect( submenuLink ).toHaveCSS( 'color', submenuTextColor );
| ^
427 | await expect( pageLink ).toHaveCSS( 'color', submenuTextColor );
428 |
429 | // The mobile menu background should be the same color as the submenu background.
at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:426:31)
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:220:3
|
🎭 Playwright Run Summary
129 passed (6.0m)
|
🎭 Playwright Run Summary
1 skipped
150 passed (6.5m)
|
🎭 Playwright Run Summary
3 skipped
119 passed (7.0m)
|
🎭 Playwright Run Summary
11 skipped
151 passed (7.6m)
|
🎭 Playwright Run Summary
134 passed (7.1m)
|
🎭 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
114 passed (6.6m)
|
🎭 Playwright Run Summary
146 passed (7.0m)
|
🎭 Playwright Run Summary
6 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
1 skipped
107 passed (8.8m)
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
failures-artifacts
Expired
|
38.3 MB |
|
flaky-tests-report
Expired
|
2.94 KB |
|