Skip to content

Navigation Overlay customisation via Template Parts #90854

Navigation Overlay customisation via Template Parts

Navigation Overlay customisation via Template Parts #90854

Triggered via pull request December 14, 2023 10:39
Status Failure
Total duration 27m 44s
Artifacts 2

end2end-test.yml

on: pull_request
Matrix: e2e-playwright
Report to GitHub
2m 37s
Report to GitHub
Fit to window
Zoom out
Zoom in

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