Nav block: link text color inheritance fixes and tests #77959
end2end-test.yml
on: pull_request
Matrix: e2e-playwright
Matrix: e2e-puppeteer
Report to GitHub
3m 21s
Annotations
10 errors, 1 warning, and 4 notices
[chromium] › editor/various/autocomplete-and-mentions.spec.js:422:2 › Autocomplete (@firefox:
test/e2e/specs/editor/various/autocomplete-and-mentions.spec.js#L435
1) [chromium] › editor/various/autocomplete-and-mentions.spec.js:422:2 › Autocomplete (@Firefox, @WebKit) › should insert elements from multiple completers in a single block
Error: Timed out 5000ms waiting for expect(received).toBeVisible()
Call log:
- expect.toBeVisible with timeout 5000ms
- waiting for locator('role=option').filter({ hasText: 'Bilbo Baggins' })
- waiting for locator('role=option').filter({ hasText: 'Bilbo Baggins' })
433 | await expect(
434 | page.locator( 'role=option', { hasText: 'Bilbo Baggins' } )
> 435 | ).toBeVisible();
| ^
436 | await page.keyboard.press( 'Enter' );
437 | await expect.poll( editor.getEditedPostContent )
438 | .toBe( `<!-- wp:paragraph -->
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/autocomplete-and-mentions.spec.js:435:5
|
[chromium] › editor/various/toolbar-roving-tabindex.spec.js:19:2 › Toolbar roving tabindex › ensures base block toolbars use roving tabindex:
test/e2e/specs/editor/various/toolbar-roving-tabindex.spec.js#L185
1) [chromium] › editor/various/toolbar-roving-tabindex.spec.js:19:2 › Toolbar roving tabindex › ensures base block toolbars use roving tabindex
Error: expect(received).toBe(expected) // Object.is equality
Expected: "Select Group"
Received: "Paragraph"
183 | } );
184 | }
> 185 | expect( ariaLabel ).toBe( label );
| ^
186 | }
187 |
188 | async wrapCurrentBlockWithGroup( currentBlockTitle ) {
at ToolbarRovingTabindexUtils.expectLabelToHaveFocus (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/toolbar-roving-tabindex.spec.js:185:23)
at ToolbarRovingTabindexUtils.testGroupKeyboardNavigation (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/toolbar-roving-tabindex.spec.js:198:3)
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/toolbar-roving-tabindex.spec.js:35:3
|
[chromium] › editor/blocks/navigation.spec.js:1062:3 › Navigation block › Navigation colors › As a user I expect my navigation links to inherit the link colors from the theme:
test/e2e/specs/editor/blocks/navigation.spec.js#L1136
1) [chromium] › editor/blocks/navigation.spec.js:1062:3 › Navigation block › Navigation colors › As a user I expect my navigation links to inherit the link colors from the theme
Error: expect(received).toHaveCSS(expected)
Expected string: "rgb(0, 0, 0)"
Received string: "rgb(207, 46, 46)"
Call log:
- expect.toHaveCSS with timeout 5000ms
- waiting for locator('a').filter({ hasText: 'Custom Link' })
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(207, 46, 46)"
- waiting for locator('a').filter({ hasText: 'Custom Link' })
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(207, 46, 46)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(207, 46, 46)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(207, 46, 46)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(207, 46, 46)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(207, 46, 46)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(207, 46, 46)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(207, 46, 46)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(207, 46, 46)"
1134 | // navigation color settings.
1135 | colorControl.openEditorOverlay();
> 1136 | await expect( colorControl.customLink ).toHaveCSS(
| ^
1137 | 'color',
1138 | colorControl.black
1139 | );
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation.spec.js:1136:44
|
[chromium] › editor/blocks/navigation.spec.js:1062:3 › Navigation block › Navigation colors › As a user I expect my navigation links to inherit the link colors from the theme:
test/e2e/specs/editor/blocks/navigation.spec.js#L1
1) [chromium] › editor/blocks/navigation.spec.js:1062:3 › Navigation block › Navigation colors › As a user I expect my navigation links to inherit the link colors from the theme
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
{
code: 'internal_server_error',
message: '<p>There has been a critical error on this website.</p><p><a href="https://wordpress.org/documentation/article/faq-troubleshooting/">Learn more about troubleshooting WordPress.</a></p>',
data: { status: 500 },
additional_errors: []
}
|
[chromium] › editor/blocks/navigation.spec.js:1062:3 › Navigation block › Navigation colors › As a user I expect my navigation links to inherit the link colors from the theme:
test/e2e/specs/editor/blocks/navigation.spec.js#L1136
1) [chromium] › editor/blocks/navigation.spec.js:1062:3 › Navigation block › Navigation colors › As a user I expect my navigation links to inherit the link colors from the theme
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toHaveCSS(expected)
Expected string: "rgb(0, 0, 0)"
Received string: "rgb(207, 46, 46)"
Call log:
- expect.toHaveCSS with timeout 5000ms
- waiting for locator('a').filter({ hasText: 'Custom Link' })
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(207, 46, 46)"
- waiting for locator('a').filter({ hasText: 'Custom Link' })
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(207, 46, 46)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(207, 46, 46)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(207, 46, 46)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(207, 46, 46)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(207, 46, 46)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(207, 46, 46)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(207, 46, 46)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(207, 46, 46)"
1134 | // navigation color settings.
1135 | colorControl.openEditorOverlay();
> 1136 | await expect( colorControl.customLink ).toHaveCSS(
| ^
1137 | 'color',
1138 | colorControl.black
1139 | );
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation.spec.js:1136:44
|
[chromium] › editor/blocks/navigation.spec.js:1187:3 › Navigation block › Navigation colors › As a user I expect my navigation links to inherit the link colors from the parent container:
packages/e2e-test-utils-playwright/src/editor/site-editor.ts#L25
2) [chromium] › editor/blocks/navigation.spec.js:1187:3 › Navigation block › Navigation colors › As a user I expect my navigation links to inherit the link colors from the parent container
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
TimeoutError: locator.click: Timeout 10000ms exceeded.
=========================== logs ===========================
waiting for getByRole('region', { name: 'Save panel' }).getByRole('button', { name: 'Save', exact: true })
locator resolved to <button type="button" data-wp-c16t="true" data-wp-compon…>Save</button>
attempting click action
waiting for element to be visible, enabled and stable
element is not stable - waiting...
element is visible, enabled and stable
scrolling into view if needed
element was detached from the DOM, retrying
============================================================
at ../../../packages/e2e-test-utils-playwright/src/editor/site-editor.ts:25
23 | await savePanel
24 | .getByRole( 'button', { name: 'Save', exact: true } )
> 25 | .click();
| ^
26 |
27 | await this.page
28 | .getByRole( 'button', { name: 'Dismiss this notice' } )
at Editor.saveSiteEditorEntities (/home/runner/work/gutenberg/gutenberg/packages/e2e-test-utils-playwright/src/editor/site-editor.ts:25:4)
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation.spec.js:1307:4
|
[chromium] › editor/blocks/navigation.spec.js:1187:3 › Navigation block › Navigation colors › As a user I expect my navigation links to inherit the link colors from the parent container:
packages/e2e-test-utils-playwright/src/editor/site-editor.ts#L25
2) [chromium] › editor/blocks/navigation.spec.js:1187:3 › Navigation block › Navigation colors › As a user I expect my navigation links to inherit the link colors from the parent container
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
TimeoutError: locator.click: Timeout 10000ms exceeded.
=========================== logs ===========================
waiting for getByRole('region', { name: 'Save panel' }).getByRole('button', { name: 'Save', exact: true })
locator resolved to <button type="button" data-wp-c16t="true" data-wp-compon…>Save</button>
attempting click action
waiting for element to be visible, enabled and stable
element is not stable - waiting...
element is visible, enabled and stable
scrolling into view if needed
element was detached from the DOM, retrying
============================================================
at ../../../packages/e2e-test-utils-playwright/src/editor/site-editor.ts:25
23 | await savePanel
24 | .getByRole( 'button', { name: 'Save', exact: true } )
> 25 | .click();
| ^
26 |
27 | await this.page
28 | .getByRole( 'button', { name: 'Dismiss this notice' } )
at Editor.saveSiteEditorEntities (/home/runner/work/gutenberg/gutenberg/packages/e2e-test-utils-playwright/src/editor/site-editor.ts:25:4)
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation.spec.js:1307:4
|
[chromium] › editor/blocks/navigation.spec.js:1331:3 › Navigation block › Navigation colors › As a user I expect my navigation links to inherit the text colors from the parent container:
test/e2e/specs/editor/blocks/navigation.spec.js#L1381
3) [chromium] › editor/blocks/navigation.spec.js:1331:3 › Navigation block › Navigation colors › As a user I expect my navigation links to inherit the text colors from the parent container
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toHaveCSS(expected)
Expected string: "rgb(0, 208, 132)"
Received string: "rgb(0, 0, 0)"
Call log:
- expect.toHaveCSS with timeout 5000ms
- waiting for locator('a').filter({ hasText: 'Submenu Link' })
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(0, 0, 0)"
- waiting for locator('a').filter({ hasText: 'Submenu Link' })
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(0, 0, 0)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(0, 0, 0)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(0, 0, 0)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(0, 0, 0)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(0, 0, 0)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(0, 0, 0)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(0, 0, 0)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(0, 0, 0)"
1379 |
1380 | // Expect the submenu link to behave the same as the first
> 1381 | await expect( colorControl.submenuLink ).toHaveCSS(
| ^
1382 | 'color',
1383 | textParentColor
1384 | );
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation.spec.js:1381:45
|
[chromium] › editor/blocks/navigation.spec.js:1331:3 › Navigation block › Navigation colors › As a user I expect my navigation links to inherit the text colors from the parent container:
test/e2e/specs/editor/blocks/navigation.spec.js#L1381
3) [chromium] › editor/blocks/navigation.spec.js:1331:3 › Navigation block › Navigation colors › As a user I expect my navigation links to inherit the text colors from the parent container
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toHaveCSS(expected)
Expected string: "rgb(0, 208, 132)"
Received string: "rgb(0, 0, 0)"
Call log:
- expect.toHaveCSS with timeout 5000ms
- waiting for locator('a').filter({ hasText: 'Submenu Link' })
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(0, 0, 0)"
- waiting for locator('a').filter({ hasText: 'Submenu Link' })
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(0, 0, 0)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(0, 0, 0)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(0, 0, 0)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(0, 0, 0)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(0, 0, 0)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(0, 0, 0)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(0, 0, 0)"
- locator resolved to <a class="wp-block-navigation-item__content">…</a>
- unexpected value "rgb(0, 0, 0)"
1379 |
1380 | // Expect the submenu link to behave the same as the first
> 1381 | await expect( colorControl.submenuLink ).toHaveCSS(
| ^
1382 | 'color',
1383 | textParentColor
1384 | );
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation.spec.js:1381:45
|
Playwright - 1
Process completed with exit code 1.
|
|
🎭 Playwright Run Summary
1 flaky
[chromium] › editor/various/toolbar-roving-tabindex.spec.js:19:2 › Toolbar roving tabindex › ensures base block toolbars use roving tabindex
150 passed (13.1m)
|
🎭 Playwright Run Summary
3 failed
[chromium] › editor/blocks/navigation.spec.js:1062:3 › Navigation block › Navigation colors › As a user I expect my navigation links to inherit the link colors from the theme
[chromium] › editor/blocks/navigation.spec.js:1187:3 › Navigation block › Navigation colors › As a user I expect my navigation links to inherit the link colors from the parent container
[chromium] › editor/blocks/navigation.spec.js:1331:3 › Navigation block › Navigation colors › As a user I expect my navigation links to inherit the text colors from the parent container
167 passed (15.3m)
|
🎭 Playwright Run Summary
2 skipped
164 passed (16.3m)
|
Puppeteer - 3
Failed to restore: The operation cannot be completed in timeout.
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
failures-artifacts
Expired
|
25.5 MB |
|
flaky-tests-report
Expired
|
5.67 KB |
|