Skip to content

Add color and typography presets to Global Styles #90133

Add color and typography presets to Global Styles

Add color and typography presets to Global Styles #90133

Triggered via pull request December 6, 2023 17:20
Status Failure
Total duration 20m 47s
Artifacts 2

end2end-test.yml

on: pull_request
Matrix: e2e-playwright
Report to GitHub
2m 46s
Report to GitHub
Fit to window
Zoom out
Zoom in

Annotations

16 errors and 8 notices
[chromium] › site-editor/style-variations.spec.js:32:2 › Global styles variations › should have three variations available with the first one being active: test/e2e/specs/site-editor/style-variations.spec.js#L53
1) [chromium] › site-editor/style-variations.spec.js:32:2 › Global styles variations › should have three variations available with the first one being active Error: Timed out 5000ms waiting for expect(locator).toHaveCount(expected) Locator: locator('.edit-site-global-styles-variations_item') Expected: 3 Received: 0 Call log: - expect.toHaveCount with timeout 5000ms - waiting for locator('.edit-site-global-styles-variations_item') - locator resolved to 0 elements - unexpected value "0" - locator resolved to 0 elements - unexpected value "0" - locator resolved to 0 elements - unexpected value "0" - locator resolved to 0 elements - unexpected value "0" - locator resolved to 0 elements - unexpected value "0" - locator resolved to 0 elements - unexpected value "0" - locator resolved to 0 elements - unexpected value "0" - locator resolved to 0 elements - unexpected value "0" - locator resolved to 0 elements - unexpected value "0" 51 | ); 52 | > 53 | await expect( variations ).toHaveCount( 3 ); | ^ 54 | 55 | await expect( variations.first() ).toHaveAttribute( 56 | 'aria-current', at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/style-variations.spec.js:53:30
[chromium] › site-editor/style-variations.spec.js:32:2 › Global styles variations › should have three variations available with the first one being active: test/e2e/specs/site-editor/style-variations.spec.js#L53
1) [chromium] › site-editor/style-variations.spec.js:32:2 › Global styles variations › should have three variations available with the first one being active Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toHaveCount(expected) Locator: locator('.edit-site-global-styles-variations_item') Expected: 3 Received: 0 Call log: - expect.toHaveCount with timeout 5000ms - waiting for locator('.edit-site-global-styles-variations_item') - locator resolved to 0 elements - unexpected value "0" - locator resolved to 0 elements - unexpected value "0" - locator resolved to 0 elements - unexpected value "0" - locator resolved to 0 elements - unexpected value "0" - locator resolved to 0 elements - unexpected value "0" - locator resolved to 0 elements - unexpected value "0" - locator resolved to 0 elements - unexpected value "0" - locator resolved to 0 elements - unexpected value "0" - locator resolved to 0 elements - unexpected value "0" 51 | ); 52 | > 53 | await expect( variations ).toHaveCount( 3 ); | ^ 54 | 55 | await expect( variations.first() ).toHaveAttribute( 56 | 'aria-current', at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/style-variations.spec.js:53:30
[chromium] › site-editor/style-variations.spec.js:32:2 › Global styles variations › should have three variations available with the first one being active: test/e2e/specs/site-editor/style-variations.spec.js#L53
1) [chromium] › site-editor/style-variations.spec.js:32:2 › Global styles variations › should have three variations available with the first one being active Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toHaveCount(expected) Locator: locator('.edit-site-global-styles-variations_item') Expected: 3 Received: 0 Call log: - expect.toHaveCount with timeout 5000ms - waiting for locator('.edit-site-global-styles-variations_item') - locator resolved to 0 elements - unexpected value "0" - locator resolved to 0 elements - unexpected value "0" - locator resolved to 0 elements - unexpected value "0" - locator resolved to 0 elements - unexpected value "0" - locator resolved to 0 elements - unexpected value "0" - locator resolved to 0 elements - unexpected value "0" - locator resolved to 0 elements - unexpected value "0" - locator resolved to 0 elements - unexpected value "0" - locator resolved to 0 elements - unexpected value "0" 51 | ); 52 | > 53 | await expect( variations ).toHaveCount( 3 ); | ^ 54 | 55 | await expect( variations.first() ).toHaveAttribute( 56 | 'aria-current', at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/style-variations.spec.js:53:30
[chromium] › site-editor/style-variations.spec.js:69:2 › Global styles variations › should apply preset colors and font sizes in a variation: test/e2e/specs/site-editor/style-variations.spec.js#L81
2) [chromium] › site-editor/style-variations.spec.js:69:2 › Global styles variations › should apply preset colors and font sizes in a variation TimeoutError: page.click: Timeout 10000ms exceeded. =========================== logs =========================== waiting for locator('role=button[name="pink"i]') ============================================================ 79 | await editor.canvas.locator( 'body' ).click(); 80 | await siteEditorStyleVariations.browseStyles(); > 81 | await page.click( 'role=button[name="pink"i]' ); | ^ 82 | await page.click( 83 | 'role=button[name="Navigate to the previous view"i]' 84 | ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/style-variations.spec.js:81:14
[chromium] › site-editor/style-variations.spec.js:69:2 › Global styles variations › should apply preset colors and font sizes in a variation: test/e2e/specs/site-editor/style-variations.spec.js#L81
2) [chromium] › site-editor/style-variations.spec.js:69:2 › Global styles variations › should apply preset colors and font sizes in a variation Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── TimeoutError: page.click: Timeout 10000ms exceeded. =========================== logs =========================== waiting for locator('role=button[name="pink"i]') ============================================================ 79 | await editor.canvas.locator( 'body' ).click(); 80 | await siteEditorStyleVariations.browseStyles(); > 81 | await page.click( 'role=button[name="pink"i]' ); | ^ 82 | await page.click( 83 | 'role=button[name="Navigate to the previous view"i]' 84 | ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/style-variations.spec.js:81:14
[chromium] › site-editor/style-variations.spec.js:69:2 › Global styles variations › should apply preset colors and font sizes in a variation: test/e2e/specs/site-editor/style-variations.spec.js#L81
2) [chromium] › site-editor/style-variations.spec.js:69:2 › Global styles variations › should apply preset colors and font sizes in a variation Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── TimeoutError: page.click: Timeout 10000ms exceeded. =========================== logs =========================== waiting for locator('role=button[name="pink"i]') ============================================================ 79 | await editor.canvas.locator( 'body' ).click(); 80 | await siteEditorStyleVariations.browseStyles(); > 81 | await page.click( 'role=button[name="pink"i]' ); | ^ 82 | await page.click( 83 | 'role=button[name="Navigate to the previous view"i]' 84 | ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/style-variations.spec.js:81:14
[chromium] › site-editor/style-variations.spec.js:110:2 › Global styles variations › should apply custom colors and font sizes in a variation: test/e2e/specs/site-editor/style-variations.spec.js#L122
3) [chromium] › site-editor/style-variations.spec.js:110:2 › Global styles variations › should apply custom colors and font sizes in a variation TimeoutError: page.click: Timeout 10000ms exceeded. =========================== logs =========================== waiting for locator('role=button[name="yellow"i]') ============================================================ 120 | await editor.canvas.locator( 'body' ).click(); 121 | await siteEditorStyleVariations.browseStyles(); > 122 | await page.click( 'role=button[name="yellow"i]' ); | ^ 123 | await page.click( 124 | 'role=button[name="Navigate to the previous view"i]' 125 | ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/style-variations.spec.js:122:14
[chromium] › site-editor/style-variations.spec.js:110:2 › Global styles variations › should apply custom colors and font sizes in a variation: test/e2e/specs/site-editor/style-variations.spec.js#L122
3) [chromium] › site-editor/style-variations.spec.js:110:2 › Global styles variations › should apply custom colors and font sizes in a variation Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── TimeoutError: page.click: Timeout 10000ms exceeded. =========================== logs =========================== waiting for locator('role=button[name="yellow"i]') ============================================================ 120 | await editor.canvas.locator( 'body' ).click(); 121 | await siteEditorStyleVariations.browseStyles(); > 122 | await page.click( 'role=button[name="yellow"i]' ); | ^ 123 | await page.click( 124 | 'role=button[name="Navigate to the previous view"i]' 125 | ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/style-variations.spec.js:122:14
[chromium] › site-editor/style-variations.spec.js:110:2 › Global styles variations › should apply custom colors and font sizes in a variation: test/e2e/specs/site-editor/style-variations.spec.js#L122
3) [chromium] › site-editor/style-variations.spec.js:110:2 › Global styles variations › should apply custom colors and font sizes in a variation Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── TimeoutError: page.click: Timeout 10000ms exceeded. =========================== logs =========================== waiting for locator('role=button[name="yellow"i]') ============================================================ 120 | await editor.canvas.locator( 'body' ).click(); 121 | await siteEditorStyleVariations.browseStyles(); > 122 | await page.click( 'role=button[name="yellow"i]' ); | ^ 123 | await page.click( 124 | 'role=button[name="Navigate to the previous view"i]' 125 | ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/style-variations.spec.js:122:14
[chromium] › site-editor/style-variations.spec.js:157:2 › Global styles variations › should apply a color palette in a variation: test/e2e/specs/site-editor/style-variations.spec.js#L169
4) [chromium] › site-editor/style-variations.spec.js:157:2 › Global styles variations › should apply a color palette in a variation TimeoutError: page.click: Timeout 10000ms exceeded. =========================== logs =========================== waiting for locator('role=button[name="pink"i]') ============================================================ 167 | await editor.canvas.locator( 'body' ).click(); 168 | await siteEditorStyleVariations.browseStyles(); > 169 | await page.click( 'role=button[name="pink"i]' ); | ^ 170 | await page.click( 171 | 'role=button[name="Navigate to the previous view"i]' 172 | ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/style-variations.spec.js:169:14
Puppeteer: packages/e2e-tests/specs/site-editor/settings-sidebar.test.js#L813
TimeoutError: waiting for selector `div[data-slug="emptytheme"].active` 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-theme.js:31:13) at runMicrotasks (<anonymous>) at processTicksAndRejections (node:internal/process/task_queues:96:5) at Object.<anonymous> (/home/runner/work/gutenberg/gutenberg/packages/e2e-tests/specs/site-editor/settings-sidebar.test.js:42:3)
Puppeteer: packages/e2e-tests/specs/site-editor/settings-sidebar.test.js#L813
TimeoutError: waiting for selector `div[data-slug="emptytheme"].active` 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-theme.js:31:13) at runMicrotasks (<anonymous>) at processTicksAndRejections (node:internal/process/task_queues:96:5) at Object.<anonymous> (/home/runner/work/gutenberg/gutenberg/packages/e2e-tests/specs/site-editor/settings-sidebar.test.js:42:3)
Puppeteer: packages/e2e-tests/specs/site-editor/settings-sidebar.test.js#L813
TimeoutError: waiting for selector `div[data-slug="emptytheme"].active` 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-theme.js:31:13) at runMicrotasks (<anonymous>) at processTicksAndRejections (node:internal/process/task_queues:96:5) at Object.<anonymous> (/home/runner/work/gutenberg/gutenberg/packages/e2e-tests/specs/site-editor/settings-sidebar.test.js:42:3)
Puppeteer: packages/e2e-tests/specs/site-editor/settings-sidebar.test.js#L813
TimeoutError: waiting for selector `div[data-slug="emptytheme"].active` 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-theme.js:31:13) at runMicrotasks (<anonymous>) at processTicksAndRejections (node:internal/process/task_queues:96:5) at Object.<anonymous> (/home/runner/work/gutenberg/gutenberg/packages/e2e-tests/specs/site-editor/settings-sidebar.test.js:42:3)
Puppeteer: packages/e2e-tests/specs/site-editor/settings-sidebar.test.js#L813
TimeoutError: waiting for selector `div[data-slug="emptytheme"].active` 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-theme.js:31:13) at runMicrotasks (<anonymous>) at processTicksAndRejections (node:internal/process/task_queues:96:5) at Object.<anonymous> (/home/runner/work/gutenberg/gutenberg/packages/e2e-tests/specs/site-editor/settings-sidebar.test.js:42:3)
Puppeteer
Process completed with exit code 1.
🎭 Playwright Run Summary
1 skipped 105 passed (5.3m)
🎭 Playwright Run Summary
135 passed (6.2m)
🎭 Playwright Run Summary
133 passed (6.7m)
🎭 Playwright Run Summary
1 skipped 152 passed (6.7m)
🎭 Playwright Run Summary
2 skipped 119 passed (6.9m)
🎭 Playwright Run Summary
145 passed (6.9m)
🎭 Playwright Run Summary
11 skipped 151 passed (7.9m)
🎭 Playwright Run Summary
5 failed [chromium] › site-editor/style-variations.spec.js:32:2 › Global styles variations › should have three variations available with the first one being active [chromium] › site-editor/style-variations.spec.js:69:2 › Global styles variations › should apply preset colors and font sizes in a variation [chromium] › site-editor/style-variations.spec.js:110:2 › Global styles variations › should apply custom colors and font sizes in a variation [chromium] › site-editor/style-variations.spec.js:157:2 › Global styles variations › should apply a color palette in a variation [chromium] › site-editor/style-variations.spec.js:189:2 › Global styles variations › should reflect style variations in the styles applied to the editor 1 flaky [chromium] › site-editor/font-library.spec.js:45:3 › Font Library › When a theme with bundled fonts is active › should display the "Manage Fonts" icon 1 skipped 108 passed (9.7m)

Artifacts

Produced during runtime
Name Size
failures-artifacts Expired
22 MB
flaky-tests-report Expired
4.23 KB