Process completed with exit code 1.

1) [firefox] › editor/blocks/navigation-frontend-interactivity.spec.js:378:3 › Navigation block - Frontend interactivity › Submenus (Arrow setting) (@Firefox, @WebKit) › submenu click on the arrow interactions TimeoutError: locator.waitFor: Timeout 10000ms exceeded. Call log: - waiting for locator('.edit-site-canvas-loader, .edit-site-canvas-spinner') to be visible at ../../../packages/e2e-test-utils-playwright/src/admin/visit-site-editor.ts:57 55 | // Wait for the canvas loader to appear first, so that the locator that 56 | // waits for the hidden state doesn't resolve prematurely. > 57 | await canvasLoader.waitFor( { state: 'visible' } ); | ^ 58 | await canvasLoader.waitFor( { 59 | state: 'hidden', 60 | // Bigger timeout is needed for larger entities, like the Large Post at Admin.visitSiteEditor (/home/runner/work/gutenberg/gutenberg/packages/e2e-test-utils-playwright/src/admin/visit-site-editor.ts:57:22) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-frontend-interactivity.spec.js:353:4

1) [firefox] › editor/blocks/navigation-frontend-interactivity.spec.js:378:3 › Navigation block - Frontend interactivity › Submenus (Arrow setting) (@Firefox, @WebKit) › submenu click on the arrow interactions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── TimeoutError: locator.waitFor: Timeout 10000ms exceeded. Call log: - waiting for locator('.edit-site-canvas-loader, .edit-site-canvas-spinner') to be visible at ../../../packages/e2e-test-utils-playwright/src/admin/visit-site-editor.ts:57 55 | // Wait for the canvas loader to appear first, so that the locator that 56 | // waits for the hidden state doesn't resolve prematurely. > 57 | await canvasLoader.waitFor( { state: 'visible' } ); | ^ 58 | await canvasLoader.waitFor( { 59 | state: 'hidden', 60 | // Bigger timeout is needed for larger entities, like the Large Post at Admin.visitSiteEditor (/home/runner/work/gutenberg/gutenberg/packages/e2e-test-utils-playwright/src/admin/visit-site-editor.ts:57:22) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-frontend-interactivity.spec.js:353:4

1) [chromium] › editor/blocks/buttons.spec.js:284:2 › Buttons › can apply named colors ─────────── Error: expect(received).toBe(expected) // Object.is equality - Expected - 1 + Received + 1 <!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-red","textColor":"cyan-bluish-gray","style":{"elements":{"link":{"color":{"text":"var:preset|color|cyan-bluish-gray"}}}}} --> - <div class="wp-block-button"><a class="wp-block-button__link has-cyan-bluish-gray-color has-vivid-red-background-color has-text-color has-background has-link-color wp-element-button">Content</a></div> + <div class="wp-block-button has-cyan-bluish-gray-color has-vivid-red-background-color has-text-color has-background has-link-color"><a class="wp-block-button__link has-cyan-bluish-gray-color has-vivid-red-background-color has-text-color has-background has-link-color wp-element-button">Content</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> 302 | // Check the content. 303 | const content = await editor.getEditedPostContent(); > 304 | expect( content ).toBe( | ^ 305 | `<!-- wp:buttons --> 306 | <div class=\"wp-block-buttons\"><!-- wp:button {\"backgroundColor\":\"vivid-red\",\"textColor\":\"cyan-bluish-gray\",\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|cyan-bluish-gray\"}}}}} --> 307 | <div class=\"wp-block-button\"><a class=\"wp-block-button__link has-cyan-bluish-gray-color has-vivid-red-background-color has-text-color has-background has-link-color wp-element-button\">Content</a></div> at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/buttons.spec.js:304:21

1) [chromium] › editor/blocks/buttons.spec.js:284:2 › Buttons › can apply named colors ─────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toBe(expected) // Object.is equality - Expected - 1 + Received + 1 <!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-red","textColor":"cyan-bluish-gray","style":{"elements":{"link":{"color":{"text":"var:preset|color|cyan-bluish-gray"}}}}} --> - <div class="wp-block-button"><a class="wp-block-button__link has-cyan-bluish-gray-color has-vivid-red-background-color has-text-color has-background has-link-color wp-element-button">Content</a></div> + <div class="wp-block-button has-cyan-bluish-gray-color has-vivid-red-background-color has-text-color has-background has-link-color"><a class="wp-block-button__link has-cyan-bluish-gray-color has-vivid-red-background-color has-text-color has-background has-link-color wp-element-button">Content</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> 302 | // Check the content. 303 | const content = await editor.getEditedPostContent(); > 304 | expect( content ).toBe( | ^ 305 | `<!-- wp:buttons --> 306 | <div class=\"wp-block-buttons\"><!-- wp:button {\"backgroundColor\":\"vivid-red\",\"textColor\":\"cyan-bluish-gray\",\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|cyan-bluish-gray\"}}}}} --> 307 | <div class=\"wp-block-button\"><a class=\"wp-block-button__link has-cyan-bluish-gray-color has-vivid-red-background-color has-text-color has-background has-link-color wp-element-button\">Content</a></div> at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/buttons.spec.js:304:21

1) [chromium] › editor/blocks/buttons.spec.js:284:2 › Buttons › can apply named colors ─────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toBe(expected) // Object.is equality - Expected - 1 + Received + 1 <!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-red","textColor":"cyan-bluish-gray","style":{"elements":{"link":{"color":{"text":"var:preset|color|cyan-bluish-gray"}}}}} --> - <div class="wp-block-button"><a class="wp-block-button__link has-cyan-bluish-gray-color has-vivid-red-background-color has-text-color has-background has-link-color wp-element-button">Content</a></div> + <div class="wp-block-button has-cyan-bluish-gray-color has-vivid-red-background-color has-text-color has-background has-link-color"><a class="wp-block-button__link has-cyan-bluish-gray-color has-vivid-red-background-color has-text-color has-background has-link-color wp-element-button">Content</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> 302 | // Check the content. 303 | const content = await editor.getEditedPostContent(); > 304 | expect( content ).toBe( | ^ 305 | `<!-- wp:buttons --> 306 | <div class=\"wp-block-buttons\"><!-- wp:button {\"backgroundColor\":\"vivid-red\",\"textColor\":\"cyan-bluish-gray\",\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|cyan-bluish-gray\"}}}}} --> 307 | <div class=\"wp-block-button\"><a class=\"wp-block-button__link has-cyan-bluish-gray-color has-vivid-red-background-color has-text-color has-background has-link-color wp-element-button\">Content</a></div> at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/buttons.spec.js:304:21

2) [chromium] › editor/blocks/buttons.spec.js:313:2 › Buttons › can apply custom colors ────────── Error: expect(received).toBe(expected) // Object.is equality - Expected - 1 + Received + 1 <!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"style":{"color":{"text":"#ff0000","background":"#00ff00"},"elements":{"link":{"color":{"text":"#ff0000"}}}}} --> - <div class="wp-block-button"><a class="wp-block-button__link has-text-color has-background has-link-color wp-element-button" style="color:#ff0000;background-color:#00ff00">Content</a></div> + <div class="wp-block-button has-text-color has-background has-link-color"><a class="wp-block-button__link has-text-color has-background has-link-color wp-element-button" style="color:#ff0000;background-color:#00ff00">Content</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> 334 | // Check the content. 335 | const content = await editor.getEditedPostContent(); > 336 | expect( content ).toBe( | ^ 337 | `<!-- wp:buttons --> 338 | <div class=\"wp-block-buttons\"><!-- wp:button {\"style\":{\"color\":{\"text\":\"#ff0000\",\"background\":\"#00ff00\"},\"elements\":{\"link\":{\"color\":{\"text\":\"#ff0000\"}}}}} --> 339 | <div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-color has-background has-link-color wp-element-button\" style=\"color:#ff0000;background-color:#00ff00\">Content</a></div> at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/buttons.spec.js:336:21

2) [chromium] › editor/blocks/buttons.spec.js:313:2 › Buttons › can apply custom colors ────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toBe(expected) // Object.is equality - Expected - 1 + Received + 1 <!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"style":{"color":{"text":"#ff0000","background":"#00ff00"},"elements":{"link":{"color":{"text":"#ff0000"}}}}} --> - <div class="wp-block-button"><a class="wp-block-button__link has-text-color has-background has-link-color wp-element-button" style="color:#ff0000;background-color:#00ff00">Content</a></div> + <div class="wp-block-button has-text-color has-background has-link-color"><a class="wp-block-button__link has-text-color has-background has-link-color wp-element-button" style="color:#ff0000;background-color:#00ff00">Content</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> 334 | // Check the content. 335 | const content = await editor.getEditedPostContent(); > 336 | expect( content ).toBe( | ^ 337 | `<!-- wp:buttons --> 338 | <div class=\"wp-block-buttons\"><!-- wp:button {\"style\":{\"color\":{\"text\":\"#ff0000\",\"background\":\"#00ff00\"},\"elements\":{\"link\":{\"color\":{\"text\":\"#ff0000\"}}}}} --> 339 | <div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-color has-background has-link-color wp-element-button\" style=\"color:#ff0000;background-color:#00ff00\">Content</a></div> at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/buttons.spec.js:336:21

2) [chromium] › editor/blocks/buttons.spec.js:313:2 › Buttons › can apply custom colors ────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toBe(expected) // Object.is equality - Expected - 1 + Received + 1 <!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"style":{"color":{"text":"#ff0000","background":"#00ff00"},"elements":{"link":{"color":{"text":"#ff0000"}}}}} --> - <div class="wp-block-button"><a class="wp-block-button__link has-text-color has-background has-link-color wp-element-button" style="color:#ff0000;background-color:#00ff00">Content</a></div> + <div class="wp-block-button has-text-color has-background has-link-color"><a class="wp-block-button__link has-text-color has-background has-link-color wp-element-button" style="color:#ff0000;background-color:#00ff00">Content</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> 334 | // Check the content. 335 | const content = await editor.getEditedPostContent(); > 336 | expect( content ).toBe( | ^ 337 | `<!-- wp:buttons --> 338 | <div class=\"wp-block-buttons\"><!-- wp:button {\"style\":{\"color\":{\"text\":\"#ff0000\",\"background\":\"#00ff00\"},\"elements\":{\"link\":{\"color\":{\"text\":\"#ff0000\"}}}}} --> 339 | <div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-color has-background has-link-color wp-element-button\" style=\"color:#ff0000;background-color:#00ff00\">Content</a></div> at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/buttons.spec.js:336:21

3) [chromium] › editor/blocks/buttons.spec.js:345:2 › Buttons › can apply named gradient background color Error: expect(received).toBe(expected) // Object.is equality - Expected - 1 + Received + 1 <!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"gradient":"purple-to-yellow"} --> - <div class="wp-block-button"><a class="wp-block-button__link has-purple-to-yellow-gradient-background has-background wp-element-button">Content</a></div> + <div class="wp-block-button has-purple-to-yellow-gradient-background"><a class="wp-block-button__link has-purple-to-yellow-gradient-background has-background wp-element-button">Content</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> 363 | // Check the content. 364 | const content = await editor.getEditedPostContent(); > 365 | expect( content ).toBe( | ^ 366 | `<!-- wp:buttons --> 367 | <div class=\"wp-block-buttons\"><!-- wp:button {\"gradient\":\"purple-to-yellow\"} --> 368 | <div class=\"wp-block-button\"><a class=\"wp-block-button__link has-purple-to-yellow-gradient-background has-background wp-element-button\">Content</a></div> at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/buttons.spec.js:365:21

3) [chromium] › editor/blocks/buttons.spec.js:345:2 › Buttons › can apply named gradient background color Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toBe(expected) // Object.is equality - Expected - 1 + Received + 1 <!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"gradient":"purple-to-yellow"} --> - <div class="wp-block-button"><a class="wp-block-button__link has-purple-to-yellow-gradient-background has-background wp-element-button">Content</a></div> + <div class="wp-block-button has-purple-to-yellow-gradient-background"><a class="wp-block-button__link has-purple-to-yellow-gradient-background has-background wp-element-button">Content</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> 363 | // Check the content. 364 | const content = await editor.getEditedPostContent(); > 365 | expect( content ).toBe( | ^ 366 | `<!-- wp:buttons --> 367 | <div class=\"wp-block-buttons\"><!-- wp:button {\"gradient\":\"purple-to-yellow\"} --> 368 | <div class=\"wp-block-button\"><a class=\"wp-block-button__link has-purple-to-yellow-gradient-background has-background wp-element-button\">Content</a></div> at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/buttons.spec.js:365:21

3) [chromium] › editor/blocks/buttons.spec.js:345:2 › Buttons › can apply named gradient background color Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toBe(expected) // Object.is equality - Expected - 1 + Received + 1 <!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"gradient":"purple-to-yellow"} --> - <div class="wp-block-button"><a class="wp-block-button__link has-purple-to-yellow-gradient-background has-background wp-element-button">Content</a></div> + <div class="wp-block-button has-purple-to-yellow-gradient-background"><a class="wp-block-button__link has-purple-to-yellow-gradient-background has-background wp-element-button">Content</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> 363 | // Check the content. 364 | const content = await editor.getEditedPostContent(); > 365 | expect( content ).toBe( | ^ 366 | `<!-- wp:buttons --> 367 | <div class=\"wp-block-buttons\"><!-- wp:button {\"gradient\":\"purple-to-yellow\"} --> 368 | <div class=\"wp-block-button\"><a class=\"wp-block-button__link has-purple-to-yellow-gradient-background has-background wp-element-button\">Content</a></div> at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/buttons.spec.js:365:21

Process completed with exit code 1.

2 skipped 195 passed (6.3m)

1 skipped 194 passed (8.9m)

1 skipped 195 passed (9.0m)

1 skipped 187 passed (9.4m)

1 flaky [firefox] › editor/blocks/navigation-frontend-interactivity.spec.js:378:3 › Navigation block - Frontend interactivity › Submenus (Arrow setting) (@Firefox, @WebKit) › submenu click on the arrow interactions 3 skipped 187 passed (10.4m)

1 skipped 197 passed (10.4m)