Navigation: Add an option to allow navigation to switch to overlay mode when wrapping #95476
end2end-test.yml
on: pull_request
Matrix: e2e-playwright
Puppeteer
9m 23s
Report to GitHub
5s
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 |
|