Navigation Overlay customisation via Template Parts #91072
Annotations
10 errors and 1 notice
|
Run the tests:
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
|
|
Run the tests:
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
|
|
Run the tests:
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
|
|
Run the tests:
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
|
|
Run the tests:
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
|
|
Run the tests:
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
|
|
Run the tests:
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
|
|
Run the tests:
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
|
|
Run the tests:
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
|
|
Run the tests:
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
|
|
Run the tests
24 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-frontend-interactivity.spec.js:45:3 › Navigation block - Frontend interactivity › Overlay menu › Overlay menu interactions
[chromium] › editor/blocks/navigation-frontend-interactivity.spec.js:91:3 › Navigation block - Frontend interactivity › Overlay menu › Overlay menu interactions in Safari (@WebKit)
[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 › s
|
The logs for this run have expired and are no longer available.
Loading