Skip to content

Add color and typography presets to Global Styles #90136

Add color and typography presets to Global Styles

Add color and typography presets to Global Styles #90136

Triggered via pull request December 6, 2023 17:56
Status Failure
Total duration 19m 5s
Artifacts 2

end2end-test.yml

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

Annotations

10 errors and 8 notices
[chromium] › site-editor/font-library.spec.js:20:3 › Font Library › When a blank theme is active › should display the "Manage Fonts" icon: test/e2e/specs/site-editor/font-library.spec.js#L28
1) [chromium] › site-editor/font-library.spec.js:20:3 › Font Library › When a blank theme is active › should display the "Manage Fonts" icon Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: getByRole('button', { name: /manage fonts/i }) Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for getByRole('button', { name: /manage fonts/i }) 26 | name: /manage fonts/i, 27 | } ); > 28 | await expect( manageFontsIcon ).toBeVisible(); | ^ 29 | } ); 30 | } ); 31 | at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/font-library.spec.js:28:36
[chromium] › site-editor/font-library.spec.js:20:3 › Font Library › When a blank theme is active › should display the "Manage Fonts" icon: test/e2e/specs/site-editor/font-library.spec.js#L28
1) [chromium] › site-editor/font-library.spec.js:20:3 › Font Library › When a blank theme is active › should display the "Manage Fonts" icon Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: getByRole('button', { name: /manage fonts/i }) Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for getByRole('button', { name: /manage fonts/i }) 26 | name: /manage fonts/i, 27 | } ); > 28 | await expect( manageFontsIcon ).toBeVisible(); | ^ 29 | } ); 30 | } ); 31 | at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/font-library.spec.js:28:36
[chromium] › site-editor/font-library.spec.js:20:3 › Font Library › When a blank theme is active › should display the "Manage Fonts" icon: test/e2e/specs/site-editor/font-library.spec.js#L28
1) [chromium] › site-editor/font-library.spec.js:20:3 › Font Library › When a blank theme is active › should display the "Manage Fonts" icon Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: getByRole('button', { name: /manage fonts/i }) Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for getByRole('button', { name: /manage fonts/i }) 26 | name: /manage fonts/i, 27 | } ); > 28 | await expect( manageFontsIcon ).toBeVisible(); | ^ 29 | } ); 30 | } ); 31 | at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/font-library.spec.js:28:36
[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#L103
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="Typography Text styles"i]') ============================================================ 101 | ); 102 | await page.click( 'role=button[name="Typography styles"i]' ); > 103 | await page.click( 'role=button[name="Typography Text styles"i]' ); | ^ 104 | 105 | await expect( 106 | page.locator( 'css=.components-font-size-picker__header__hint' ) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/style-variations.spec.js:103: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#L103
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="Typography Text styles"i]') ============================================================ 101 | ); 102 | await page.click( 'role=button[name="Typography styles"i]' ); > 103 | await page.click( 'role=button[name="Typography Text styles"i]' ); | ^ 104 | 105 | await expect( 106 | page.locator( 'css=.components-font-size-picker__header__hint' ) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/style-variations.spec.js:103: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#L103
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="Typography Text styles"i]') ============================================================ 101 | ); 102 | await page.click( 'role=button[name="Typography styles"i]' ); > 103 | await page.click( 'role=button[name="Typography Text styles"i]' ); | ^ 104 | 105 | await expect( 106 | page.locator( 'css=.components-font-size-picker__header__hint' ) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/style-variations.spec.js:103: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#L144
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="Typography Text styles"i]') ============================================================ 142 | ); 143 | await page.click( 'role=button[name="Typography styles"i]' ); > 144 | await page.click( 'role=button[name="Typography Text styles"i]' ); | ^ 145 | 146 | // TODO: to avoid use classnames to locate these elements, 147 | // we could provide accessible attributes to the source code in packages/components/src/font-size-picker/index.js. at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/style-variations.spec.js:144: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#L144
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="Typography Text styles"i]') ============================================================ 142 | ); 143 | await page.click( 'role=button[name="Typography styles"i]' ); > 144 | await page.click( 'role=button[name="Typography Text styles"i]' ); | ^ 145 | 146 | // TODO: to avoid use classnames to locate these elements, 147 | // we could provide accessible attributes to the source code in packages/components/src/font-size-picker/index.js. at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/style-variations.spec.js:144: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#L144
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="Typography Text styles"i]') ============================================================ 142 | ); 143 | await page.click( 'role=button[name="Typography styles"i]' ); > 144 | await page.click( 'role=button[name="Typography Text styles"i]' ); | ^ 145 | 146 | // TODO: to avoid use classnames to locate these elements, 147 | // we could provide accessible attributes to the source code in packages/components/src/font-size-picker/index.js. at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/style-variations.spec.js:144:14
[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: test/e2e/specs/site-editor/font-library.spec.js#L42
4) [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 TimeoutError: locator.click: Timeout 10000ms exceeded. =========================== logs =========================== waiting for frameLocator('[name="editor-canvas"]').locator('body') ============================================================ 40 | postType: 'wp_template', 41 | } ); > 42 | await editor.canvas.locator( 'body' ).click(); | ^ 43 | } ); 44 | 45 | test( 'should display the "Manage Fonts" icon', async ( { page } ) => { at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/font-library.spec.js:42:42
🎭 Playwright Run Summary
1 skipped 105 passed (5.2m)
🎭 Playwright Run Summary
145 passed (6.7m)
🎭 Playwright Run Summary
1 skipped 152 passed (6.7m)
🎭 Playwright Run Summary
133 passed (6.8m)
🎭 Playwright Run Summary
135 passed (6.3m)
🎭 Playwright Run Summary
11 skipped 151 passed (7.1m)
🎭 Playwright Run Summary
2 skipped 119 passed (7.2m)
🎭 Playwright Run Summary
3 failed [chromium] › site-editor/font-library.spec.js:20:3 › Font Library › When a blank theme is active › should display the "Manage Fonts" icon [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 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 110 passed (8.5m)

Artifacts

Produced during runtime
Name Size
failures-artifacts Expired
17.7 MB
flaky-tests-report Expired
17.4 KB