Skip to content

Edit site: Restore animations on site hub and canvas #106535

Edit site: Restore animations on site hub and canvas

Edit site: Restore animations on site hub and canvas #106535

Triggered via pull request June 12, 2024 05:32
Status Failure
Total duration 18m 32s
Artifacts 1

end2end-test.yml

on: pull_request
Matrix: e2e-playwright
Merge Artifacts
10s
Merge Artifacts
Report to GitHub
0s
Report to GitHub
Fit to window
Zoom out
Zoom in

Annotations

19 errors and 7 notices
Playwright - 7
Process completed with exit code 1.
[chromium] › site-editor/patterns.spec.js:30:2 › Patterns › create a new pattern: test/e2e/specs/site-editor/patterns.spec.js#L87
1) [chromium] › site-editor/patterns.spec.js:30:2 › Patterns › create a new pattern ────────────── TimeoutError: locator.click: Timeout 10000ms exceeded. Call log: - waiting for getByRole('button', { name: 'Open navigation' }) 85 | ).toContainText( 'Pattern updated' ); 86 | > 87 | await page.getByRole( 'button', { name: 'Open navigation' } ).click(); | ^ 88 | 89 | await expect( 90 | patterns.navigation.getByRole( 'button', { at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/patterns.spec.js:87:65
[chromium] › site-editor/patterns.spec.js:30:2 › Patterns › create a new pattern: test/e2e/specs/site-editor/patterns.spec.js#L87
1) [chromium] › site-editor/patterns.spec.js:30:2 › Patterns › create a new pattern ────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── TimeoutError: locator.click: Timeout 10000ms exceeded. Call log: - waiting for getByRole('button', { name: 'Open navigation' }) 85 | ).toContainText( 'Pattern updated' ); 86 | > 87 | await page.getByRole( 'button', { name: 'Open navigation' } ).click(); | ^ 88 | 89 | await expect( 90 | patterns.navigation.getByRole( 'button', { at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/patterns.spec.js:87:65
[chromium] › site-editor/patterns.spec.js:30:2 › Patterns › create a new pattern: test/e2e/specs/site-editor/patterns.spec.js#L87
1) [chromium] › site-editor/patterns.spec.js:30:2 › Patterns › create a new pattern ────────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── TimeoutError: locator.click: Timeout 10000ms exceeded. Call log: - waiting for getByRole('button', { name: 'Open navigation' }) 85 | ).toContainText( 'Pattern updated' ); 86 | > 87 | await page.getByRole( 'button', { name: 'Open navigation' } ).click(); | ^ 88 | 89 | await expect( 90 | patterns.navigation.getByRole( 'button', { at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/patterns.spec.js:87:65
[chromium] › site-editor/site-editor-url-navigation.spec.js:70:2 › Site editor url navigation › The Patterns page should keep the previously selected template part category: test/e2e/specs/site-editor/site-editor-url-navigation.spec.js#L89
2) [chromium] › site-editor/site-editor-url-navigation.spec.js:70:2 › Site editor url navigation › The Patterns page should keep the previously selected template part category TimeoutError: locator.click: Timeout 10000ms exceeded. Call log: - waiting for getByRole('button', { name: 'Open navigation' }) 87 | page.getByRole( 'region', { name: 'Editor content' } ) 88 | ).toBeVisible(); > 89 | await page.getByRole( 'button', { name: 'Open navigation' } ).click(); | ^ 90 | await expect( 91 | navigation.getByRole( 'button', { name: 'All template parts' } ) 92 | ).toBeVisible(); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/site-editor-url-navigation.spec.js:89:65
[chromium] › site-editor/site-editor-url-navigation.spec.js:70:2 › Site editor url navigation › The Patterns page should keep the previously selected template part category: test/e2e/specs/site-editor/site-editor-url-navigation.spec.js#L89
2) [chromium] › site-editor/site-editor-url-navigation.spec.js:70:2 › Site editor url navigation › The Patterns page should keep the previously selected template part category Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── TimeoutError: locator.click: Timeout 10000ms exceeded. Call log: - waiting for getByRole('button', { name: 'Open navigation' }) 87 | page.getByRole( 'region', { name: 'Editor content' } ) 88 | ).toBeVisible(); > 89 | await page.getByRole( 'button', { name: 'Open navigation' } ).click(); | ^ 90 | await expect( 91 | navigation.getByRole( 'button', { name: 'All template parts' } ) 92 | ).toBeVisible(); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/site-editor-url-navigation.spec.js:89:65
[chromium] › site-editor/site-editor-url-navigation.spec.js:70:2 › Site editor url navigation › The Patterns page should keep the previously selected template part category: test/e2e/specs/site-editor/site-editor-url-navigation.spec.js#L89
2) [chromium] › site-editor/site-editor-url-navigation.spec.js:70:2 › Site editor url navigation › The Patterns page should keep the previously selected template part category Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── TimeoutError: locator.click: Timeout 10000ms exceeded. Call log: - waiting for getByRole('button', { name: 'Open navigation' }) 87 | page.getByRole( 'region', { name: 'Editor content' } ) 88 | ).toBeVisible(); > 89 | await page.getByRole( 'button', { name: 'Open navigation' } ).click(); | ^ 90 | await expect( 91 | navigation.getByRole( 'button', { name: 'All template parts' } ) 92 | ).toBeVisible(); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/site-editor-url-navigation.spec.js:89:65
Playwright - 6
Process completed with exit code 1.
[chromium] › site-editor/font-library.spec.js:17:3 › Font Library › When a blank theme is active › should display the "Manage Fonts" icon: test/e2e/specs/site-editor/font-library.spec.js#L18
1) [chromium] › site-editor/font-library.spec.js:17:3 › Font Library › When a blank theme is active › should display the "Manage Fonts" icon Error: locator.click: Error: strict mode violation: getByRole('button', { name: 'Styles' }) resolved to 2 elements: 1) <button data-wp-c16t="true" data-wp-component="Item" id=…>…</button> aka getByLabel('Navigation', { exact: true }).getByRole('button', { name: 'Styles' }) 2) <button type="button" aria-label="Styles" aria-pressed="…>…</button> aka getByLabel('Styles') Call log: - waiting for getByRole('button', { name: 'Styles' }) 16 | 17 | test( 'should display the "Manage Fonts" icon', async ( { page } ) => { > 18 | await page.getByRole( 'button', { name: 'Styles' } ).click(); | ^ 19 | await page 20 | .getByRole( 'button', { name: 'Typography Styles' } ) 21 | .click(); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/font-library.spec.js:18:57
[chromium] › site-editor/font-library.spec.js:17:3 › Font Library › When a blank theme is active › should display the "Manage Fonts" icon: test/e2e/specs/site-editor/font-library.spec.js#L18
1) [chromium] › site-editor/font-library.spec.js:17:3 › Font Library › When a blank theme is active › should display the "Manage Fonts" icon Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Error: strict mode violation: getByRole('button', { name: 'Styles' }) resolved to 2 elements: 1) <button data-wp-c16t="true" data-wp-component="Item" id=…>…</button> aka getByLabel('Navigation', { exact: true }).getByRole('button', { name: 'Styles' }) 2) <button type="button" aria-label="Styles" aria-pressed="…>…</button> aka getByLabel('Styles') Call log: - waiting for getByRole('button', { name: 'Styles' }) 16 | 17 | test( 'should display the "Manage Fonts" icon', async ( { page } ) => { > 18 | await page.getByRole( 'button', { name: 'Styles' } ).click(); | ^ 19 | await page 20 | .getByRole( 'button', { name: 'Typography Styles' } ) 21 | .click(); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/font-library.spec.js:18:57
[chromium] › site-editor/font-library.spec.js:17:3 › Font Library › When a blank theme is active › should display the "Manage Fonts" icon: test/e2e/specs/site-editor/font-library.spec.js#L18
1) [chromium] › site-editor/font-library.spec.js:17:3 › Font Library › When a blank theme is active › should display the "Manage Fonts" icon Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Error: strict mode violation: getByRole('button', { name: 'Styles' }) resolved to 2 elements: 1) <button data-wp-c16t="true" data-wp-component="Item" id=…>…</button> aka getByLabel('Navigation', { exact: true }).getByRole('button', { name: 'Styles' }) 2) <button type="button" aria-label="Styles" aria-pressed="…>…</button> aka getByLabel('Styles') Call log: - waiting for getByRole('button', { name: 'Styles' }) 16 | 17 | test( 'should display the "Manage Fonts" icon', async ( { page } ) => { > 18 | await page.getByRole( 'button', { name: 'Styles' } ).click(); | ^ 19 | await page 20 | .getByRole( 'button', { name: 'Typography Styles' } ) 21 | .click(); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/font-library.spec.js:18:57
[chromium] › site-editor/font-library.spec.js:39: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#L40
2) [chromium] › site-editor/font-library.spec.js:39:3 › Font Library › When a theme with bundled fonts is active › should display the "Manage Fonts" icon Error: locator.click: Error: strict mode violation: getByRole('button', { name: 'Styles' }) resolved to 2 elements: 1) <button data-wp-c16t="true" data-wp-component="Item" id=…>…</button> aka getByLabel('Navigation', { exact: true }).getByRole('button', { name: 'Styles' }) 2) <button type="button" aria-label="Styles" aria-pressed="…>…</button> aka getByLabel('Styles') Call log: - waiting for getByRole('button', { name: 'Styles' }) 38 | 39 | test( 'should display the "Manage Fonts" icon', async ( { page } ) => { > 40 | await page.getByRole( 'button', { name: 'Styles' } ).click(); | ^ 41 | await page 42 | .getByRole( 'button', { name: 'Typography Styles' } ) 43 | .click(); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/font-library.spec.js:40:57
[chromium] › site-editor/font-library.spec.js:39: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#L40
2) [chromium] › site-editor/font-library.spec.js:39:3 › Font Library › When a theme with bundled fonts is active › should display the "Manage Fonts" icon Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Error: strict mode violation: getByRole('button', { name: 'Styles' }) resolved to 2 elements: 1) <button data-wp-c16t="true" data-wp-component="Item" id=…>…</button> aka getByLabel('Navigation', { exact: true }).getByRole('button', { name: 'Styles' }) 2) <button type="button" aria-label="Styles" aria-pressed="…>…</button> aka getByLabel('Styles') Call log: - waiting for getByRole('button', { name: 'Styles' }) 38 | 39 | test( 'should display the "Manage Fonts" icon', async ( { page } ) => { > 40 | await page.getByRole( 'button', { name: 'Styles' } ).click(); | ^ 41 | await page 42 | .getByRole( 'button', { name: 'Typography Styles' } ) 43 | .click(); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/font-library.spec.js:40:57
[chromium] › site-editor/font-library.spec.js:39: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#L40
2) [chromium] › site-editor/font-library.spec.js:39:3 › Font Library › When a theme with bundled fonts is active › should display the "Manage Fonts" icon Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Error: strict mode violation: getByRole('button', { name: 'Styles' }) resolved to 2 elements: 1) <button data-wp-c16t="true" data-wp-component="Item" id=…>…</button> aka getByLabel('Navigation', { exact: true }).getByRole('button', { name: 'Styles' }) 2) <button type="button" aria-label="Styles" aria-pressed="…>…</button> aka getByLabel('Styles') Call log: - waiting for getByRole('button', { name: 'Styles' }) 38 | 39 | test( 'should display the "Manage Fonts" icon', async ( { page } ) => { > 40 | await page.getByRole( 'button', { name: 'Styles' } ).click(); | ^ 41 | await page 42 | .getByRole( 'button', { name: 'Typography Styles' } ) 43 | .click(); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/font-library.spec.js:40:57
[chromium] › site-editor/font-library.spec.js:50:3 › Font Library › When a theme with bundled fonts is active › should open the "Manage Fonts" modal when clicking the "Manage Fonts" icon: test/e2e/specs/site-editor/font-library.spec.js#L53
3) [chromium] › site-editor/font-library.spec.js:50:3 › Font Library › When a theme with bundled fonts is active › should open the "Manage Fonts" modal when clicking the "Manage Fonts" icon Error: locator.click: Error: strict mode violation: getByRole('button', { name: 'Styles' }) resolved to 2 elements: 1) <button data-wp-c16t="true" data-wp-component="Item" id=…>…</button> aka getByLabel('Navigation', { exact: true }).getByRole('button', { name: 'Styles' }) 2) <button type="button" aria-label="Styles" aria-pressed="…>…</button> aka getByLabel('Styles') Call log: - waiting for getByRole('button', { name: 'Styles' }) 51 | page, 52 | } ) => { > 53 | await page.getByRole( 'button', { name: 'Styles' } ).click(); | ^ 54 | await page 55 | .getByRole( 'button', { name: 'Typography Styles' } ) 56 | .click(); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/font-library.spec.js:53:57
[chromium] › site-editor/font-library.spec.js:50:3 › Font Library › When a theme with bundled fonts is active › should open the "Manage Fonts" modal when clicking the "Manage Fonts" icon: test/e2e/specs/site-editor/font-library.spec.js#L53
3) [chromium] › site-editor/font-library.spec.js:50:3 › Font Library › When a theme with bundled fonts is active › should open the "Manage Fonts" modal when clicking the "Manage Fonts" icon Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Error: strict mode violation: getByRole('button', { name: 'Styles' }) resolved to 2 elements: 1) <button data-wp-c16t="true" data-wp-component="Item" id=…>…</button> aka getByLabel('Navigation', { exact: true }).getByRole('button', { name: 'Styles' }) 2) <button type="button" aria-label="Styles" aria-pressed="…>…</button> aka getByLabel('Styles') Call log: - waiting for getByRole('button', { name: 'Styles' }) 51 | page, 52 | } ) => { > 53 | await page.getByRole( 'button', { name: 'Styles' } ).click(); | ^ 54 | await page 55 | .getByRole( 'button', { name: 'Typography Styles' } ) 56 | .click(); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/font-library.spec.js:53:57
[chromium] › site-editor/font-library.spec.js:50:3 › Font Library › When a theme with bundled fonts is active › should open the "Manage Fonts" modal when clicking the "Manage Fonts" icon: test/e2e/specs/site-editor/font-library.spec.js#L53
3) [chromium] › site-editor/font-library.spec.js:50:3 › Font Library › When a theme with bundled fonts is active › should open the "Manage Fonts" modal when clicking the "Manage Fonts" icon Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Error: strict mode violation: getByRole('button', { name: 'Styles' }) resolved to 2 elements: 1) <button data-wp-c16t="true" data-wp-component="Item" id=…>…</button> aka getByLabel('Navigation', { exact: true }).getByRole('button', { name: 'Styles' }) 2) <button type="button" aria-label="Styles" aria-pressed="…>…</button> aka getByLabel('Styles') Call log: - waiting for getByRole('button', { name: 'Styles' }) 51 | page, 52 | } ) => { > 53 | await page.getByRole( 'button', { name: 'Styles' } ).click(); | ^ 54 | await page 55 | .getByRole( 'button', { name: 'Typography Styles' } ) 56 | .click(); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/font-library.spec.js:53:57
[chromium] › site-editor/font-library.spec.js:68:3 › Font Library › When a theme with bundled fonts is active › should show font variant panel when clicking on a font family: test/e2e/specs/site-editor/font-library.spec.js#L71
4) [chromium] › site-editor/font-library.spec.js:68:3 › Font Library › When a theme with bundled fonts is active › should show font variant panel when clicking on a font family Error: locator.click: Error: strict mode violation: getByRole('button', { name: 'Styles' }) resolved to 2 elements: 1) <button data-wp-c16t="true" data-wp-component="Item" id=…>…</button> aka getByLabel('Navigation', { exact: true }).getByRole('button', { name: 'Styles' }) 2) <button type="button" aria-label="Styles" aria-pressed="…>…</button> aka getByLabel('Styles') Call log: - waiting for getByRole('button', { name: 'Styles' }) 69 | page, 70 | } ) => { > 71 | await page.getByRole( 'button', { name: 'Styles' } ).click(); | ^ 72 | await page 73 | .getByRole( 'button', { name: 'Typography Styles' } ) 74 | .click(); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/font-library.spec.js:71:57
Merge Artifacts
No artifacts found matching pattern 'flaky-tests-report*'
🎭 Playwright Run Summary
2 failed [chromium] › site-editor/patterns.spec.js:30:2 › Patterns › create a new pattern ─────────────── [chromium] › site-editor/site-editor-url-navigation.spec.js:70:2 › Site editor url navigation › The Patterns page should keep the previously selected template part category 4 skipped 192 passed (7.0m)
🎭 Playwright Run Summary
3 skipped 147 passed (7.8m)
🎭 Playwright Run Summary
1 skipped 183 passed (9.4m)
🎭 Playwright Run Summary
1 skipped 185 passed (8.8m)
🎭 Playwright Run Summary
196 passed (10.0m)
🎭 Playwright Run Summary
1 skipped 197 passed (9.8m)
🎭 Playwright Run Summary
8 failed [chromium] › site-editor/font-library.spec.js:17:3 › Font Library › When a blank theme is active › should display the "Manage Fonts" icon [chromium] › site-editor/font-library.spec.js:39:3 › Font Library › When a theme with bundled fonts is active › should display the "Manage Fonts" icon [chromium] › site-editor/font-library.spec.js:50:3 › Font Library › When a theme with bundled fonts is active › should open the "Manage Fonts" modal when clicking the "Manage Fonts" icon [chromium] › site-editor/font-library.spec.js:68:3 › Font Library › When a theme with bundled fonts is active › should show font variant panel when clicking on a font family [chromium] › site-editor/font-library.spec.js:113:3 › Font Library › When a user manages custom fonts via the UI › should allow user to add and remove multiple local font files [chromium] › site-editor/font-library.spec.js:191:3 › Font Library › When switching Theme Style variations › clicking on a font in the global styles sidebar should activate the font in the overlay when switching Theme Style variation [chromium] › site-editor/list-view.spec.js:52:2 › Site Editor List View › ensures List View global shortcut works properly [chromium] › site-editor/navigation.spec.js:21:2 › Site editor navigation › Can use keyboard to navigate the site editor 184 passed (10.4m)

Artifacts

Produced during runtime
Name Size
failures-artifacts Expired
37.6 MB