Skip to content

Navigation: Add an option to allow navigation to switch to overlay mode when wrapping #95476

Navigation: Add an option to allow navigation to switch to overlay mode when wrapping

Navigation: Add an option to allow navigation to switch to overlay mode when wrapping #95476

Triggered via pull request February 2, 2024 09:00
Status Failure
Total duration 19m 27s
Artifacts 1

end2end-test.yml

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

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#L487
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('button', { name: 'Open menu' }) ============================================================ 485 | // Open the frontend overlay so we can test the colors. 486 | await this.pageUtils.setBrowserViewport( { width: 599, height: 700 } ); > 487 | await this.page.getByRole( 'button', { name: 'Open menu' } ).click(); | ^ 488 | 489 | // All of the mobile menu navigation links should be the same color as the submenuTextColor. 490 | await expect( customLink ).toHaveCSS( 'color', submenuTextColor ); at ColorControl.testFrontendColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:487:64) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:75: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#L487
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('button', { name: 'Open menu' }) ============================================================ 485 | // Open the frontend overlay so we can test the colors. 486 | await this.pageUtils.setBrowserViewport( { width: 599, height: 700 } ); > 487 | await this.page.getByRole( 'button', { name: 'Open menu' } ).click(); | ^ 488 | 489 | // All of the mobile menu navigation links should be the same color as the submenuTextColor. 490 | await expect( customLink ).toHaveCSS( 'color', submenuTextColor ); at ColorControl.testFrontendColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:487:64) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:75: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#L487
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('button', { name: 'Open menu' }) ============================================================ 485 | // Open the frontend overlay so we can test the colors. 486 | await this.pageUtils.setBrowserViewport( { width: 599, height: 700 } ); > 487 | await this.page.getByRole( 'button', { name: 'Open menu' } ).click(); | ^ 488 | 489 | // All of the mobile menu navigation links should be the same color as the submenuTextColor. 490 | await expect( customLink ).toHaveCSS( 'color', submenuTextColor ); at ColorControl.testFrontendColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:487:64) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:75: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#L487
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('button', { name: 'Open menu' }) ============================================================ 485 | // Open the frontend overlay so we can test the colors. 486 | await this.pageUtils.setBrowserViewport( { width: 599, height: 700 } ); > 487 | await this.page.getByRole( 'button', { name: 'Open menu' } ).click(); | ^ 488 | 489 | // All of the mobile menu navigation links should be the same color as the submenuTextColor. 490 | await expect( customLink ).toHaveCSS( 'color', submenuTextColor ); at ColorControl.testFrontendColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:487:64) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:128: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#L487
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('button', { name: 'Open menu' }) ============================================================ 485 | // Open the frontend overlay so we can test the colors. 486 | await this.pageUtils.setBrowserViewport( { width: 599, height: 700 } ); > 487 | await this.page.getByRole( 'button', { name: 'Open menu' } ).click(); | ^ 488 | 489 | // All of the mobile menu navigation links should be the same color as the submenuTextColor. 490 | await expect( customLink ).toHaveCSS( 'color', submenuTextColor ); at ColorControl.testFrontendColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:487:64) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:128: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#L487
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('button', { name: 'Open menu' }) ============================================================ 485 | // Open the frontend overlay so we can test the colors. 486 | await this.pageUtils.setBrowserViewport( { width: 599, height: 700 } ); > 487 | await this.page.getByRole( 'button', { name: 'Open menu' } ).click(); | ^ 488 | 489 | // All of the mobile menu navigation links should be the same color as the submenuTextColor. 490 | await expect( customLink ).toHaveCSS( 'color', submenuTextColor ); at ColorControl.testFrontendColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:487:64) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:128: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#L487
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('button', { name: 'Open menu' }) ============================================================ 485 | // Open the frontend overlay so we can test the colors. 486 | await this.pageUtils.setBrowserViewport( { width: 599, height: 700 } ); > 487 | await this.page.getByRole( 'button', { name: 'Open menu' } ).click(); | ^ 488 | 489 | // All of the mobile menu navigation links should be the same color as the submenuTextColor. 490 | await expect( customLink ).toHaveCSS( 'color', submenuTextColor ); at ColorControl.testFrontendColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:487:64) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:184: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#L487
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('button', { name: 'Open menu' }) ============================================================ 485 | // Open the frontend overlay so we can test the colors. 486 | await this.pageUtils.setBrowserViewport( { width: 599, height: 700 } ); > 487 | await this.page.getByRole( 'button', { name: 'Open menu' } ).click(); | ^ 488 | 489 | // All of the mobile menu navigation links should be the same color as the submenuTextColor. 490 | await expect( customLink ).toHaveCSS( 'color', submenuTextColor ); at ColorControl.testFrontendColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:487:64) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:184: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#L487
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('button', { name: 'Open menu' }) ============================================================ 485 | // Open the frontend overlay so we can test the colors. 486 | await this.pageUtils.setBrowserViewport( { width: 599, height: 700 } ); > 487 | await this.page.getByRole( 'button', { name: 'Open menu' } ).click(); | ^ 488 | 489 | // All of the mobile menu navigation links should be the same color as the submenuTextColor. 490 | await expect( customLink ).toHaveCSS( 'color', submenuTextColor ); at ColorControl.testFrontendColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:487:64) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:184: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#L487
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: 'Open menu' }) ============================================================ 485 | // Open the frontend overlay so we can test the colors. 486 | await this.pageUtils.setBrowserViewport( { width: 599, height: 700 } ); > 487 | await this.page.getByRole( 'button', { name: 'Open menu' } ).click(); | ^ 488 | 489 | // All of the mobile menu navigation links should be the same color as the submenuTextColor. 490 | await expect( customLink ).toHaveCSS( 'color', submenuTextColor ); at ColorControl.testFrontendColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:487:64) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:226:3
Report to GitHub
Unable to download artifact(s): Artifact not found for name: flaky-tests-report
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 - 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 - 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 - 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 - 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 - 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 - 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 - 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
4 skipped 120 passed (6.1m)
🎭 Playwright Run Summary
3 skipped 119 passed (7.4m)
🎭 Playwright Run Summary
178 passed (7.3m)
🎭 Playwright Run Summary
168 passed (7.8m)
🎭 Playwright Run Summary
1 skipped 147 passed (8.1m)
🎭 Playwright Run Summary
11 skipped 150 passed (8.3m)
🎭 Playwright Run Summary
158 passed (8.2m)
🎭 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 137 passed (11.9m)

Artifacts

Produced during runtime
Name Size
failures-artifacts Expired
41.1 MB