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.