Skip to content

Nav block: link text color inheritance fixes and tests #77959

Nav block: link text color inheritance fixes and tests

Nav block: link text color inheritance fixes and tests #77959

Triggered via pull request July 7, 2023 20:11
Status Failure
Total duration 37m 54s
Artifacts 2

end2end-test.yml

on: pull_request
Matrix: e2e-playwright
Matrix: e2e-puppeteer
Report to GitHub
3m 21s
Report to GitHub
Fit to window
Zoom out
Zoom in

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/autocomplete-and-mentions.spec.js:422:2 › Autocomplete (@Firefox, @WebKit) › should insert elements from multiple completers in a single block 192 passed (13.4m)
🎭 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