End-to-End Tests

Block Styles: Switch block style selection to select dropdown with color swatches #92953

Triggered via pull request January 11, 2024 06:49

aaronrobertshaw

synchronize #57331

try/adding-swatches-to-block-style-controls

Status Failure

Total duration 14m 35s

Artifacts 1

end2end-test.yml

on: pull_request

Matrix: e2e-playwright

Puppeteer

10m 40s

Report to GitHub

Annotations

18 errors and 8 notices

Puppeteer: packages/e2e-tests/specs/editor/various/inserting-blocks.test.js#L813

TimeoutError: waiting for selector `tr[data-slug="gutenberg-test-plugin-disables-the-css-animations"] .deactivate a` failed: timeout 30000ms exceeded at new WaitTask (/home/runner/work/gutenberg/gutenberg/node_modules/puppeteer-core/src/common/DOMWorld.ts:813:28) at DOMWorld.waitForSelectorInPage (/home/runner/work/gutenberg/gutenberg/node_modules/puppeteer-core/src/common/DOMWorld.ts:656:22) at Object.internalHandler.waitFor (/home/runner/work/gutenberg/gutenberg/node_modules/puppeteer-core/src/common/QueryHandler.ts:78:19) at DOMWorld.waitForSelector (/home/runner/work/gutenberg/gutenberg/node_modules/puppeteer-core/src/common/DOMWorld.ts:511:25) at Frame.waitForSelector (/home/runner/work/gutenberg/gutenberg/node_modules/puppeteer-core/src/common/FrameManager.ts:1290:47) at Page.waitForSelector (/home/runner/work/gutenberg/gutenberg/node_modules/puppeteer-core/src/common/Page.ts:3222:29) at waitForSelector (/home/runner/work/gutenberg/gutenberg/packages/e2e-test-utils/build/@wordpress/e2e-test-utils/src/activate-plugin.js:29:13) at processTicksAndRejections (node:internal/process/task_queues:95:5) at Object.<anonymous> (/home/runner/work/gutenberg/gutenberg/packages/e2e-tests/config/setup-test-framework.js:255:2)

Puppeteer: packages/e2e-tests/specs/editor/various/inserting-blocks.test.js#L813

[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#L394

1) [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"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' }) Expected string: "rgb(0, 0, 0)" Received string: "rgb(255, 255, 255)" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' }) - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" 392 | 393 | // Submenu link color. > 394 | await expect( submenuLink ).toHaveCSS( 'color', submenuTextColor ); | ^ 395 | 396 | // Submenu background color. 397 | await expect( submenuWrapper ).toHaveCSS( at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:394:31) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:122:3

1) [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"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' }) Expected string: "rgb(0, 0, 0)" Received string: "rgb(255, 255, 255)" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' }) - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" 392 | 393 | // Submenu link color. > 394 | await expect( submenuLink ).toHaveCSS( 'color', submenuTextColor ); | ^ 395 | 396 | // Submenu background color. 397 | await expect( submenuWrapper ).toHaveCSS( at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:394:31) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:122:3

1) [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"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' }) Expected string: "rgb(0, 0, 0)" Received string: "rgb(255, 255, 255)" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' }) - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" 392 | 393 | // Submenu link color. > 394 | await expect( submenuLink ).toHaveCSS( 'color', submenuTextColor ); | ^ 395 | 396 | // Submenu background color. 397 | await expect( submenuWrapper ).toHaveCSS( at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:394:31) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:122: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#L372

2) [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: "rgb(207, 46, 46)" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for frameLocator('[name="editor-canvas"]').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)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(207, 46, 46)" 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

2) [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: "rgb(207, 46, 46)" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for frameLocator('[name="editor-canvas"]').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)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(207, 46, 46)" 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

2) [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: "rgb(207, 46, 46)" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for frameLocator('[name="editor-canvas"]').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)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(207, 46, 46)" 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

Playwright - 2

Process completed with exit code 1.

Report to GitHub

Unable to download artifact(s): Artifact not found for name: flaky-tests-report

🎭 Playwright Run Summary

2 failed [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 1 skipped 125 passed (6.7m)

🎭 Playwright Run Summary

129 passed (6.8m)

🎭 Playwright Run Summary

164 passed (7.0m)

🎭 Playwright Run Summary

3 skipped 119 passed (7.1m)

🎭 Playwright Run Summary

2 skipped 115 passed (7.7m)

🎭 Playwright Run Summary

11 skipped 152 passed (7.8m)

🎭 Playwright Run Summary

161 passed (7.6m)