@wordpress/e2e-tests 3.0.1-next.33ec3857e2.0 → 3.0.4

package/specs/editor/plugins/__snapshots__/plugins-api.test.js.snap

@@ -2,6 +2,6 @@
 
 exports[`Using Plugins API Document Setting Custom Panel Should render a custom panel inside Document Setting sidebar 1`] = `"My Custom Panel"`;
 
-exports[`Using Plugins API Sidebar Medium screen Should open plugins sidebar using More Menu item and render content 1`] = `"<div class=\\"components-panel__header interface-complementary-area-header__small\\"><span class=\\"interface-complementary-area-header__small-title\\">(no title)</span><button type=\\"button\\" class=\\"components-button has-icon\\" aria-label=\\"Close plugin\\"><svg width=\\"24\\" height=\\"24\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" role=\\"img\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path d=\\"M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z\\"></path></svg></button></div><div class=\\"components-panel__header interface-complementary-area-header\\" tabindex=\\"-1\\"><strong>Plugin sidebar title</strong><button type=\\"button\\" aria-pressed=\\"true\\" aria-expanded=\\"true\\" class=\\"components-button interface-complementary-area__pin-unpin-item is-pressed has-icon\\" aria-label=\\"Unpin from toolbar\\"><svg width=\\"24\\" height=\\"24\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" role=\\"img\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path d=\\"M11.776 4.454a.25.25 0 01.448 0l2.069 4.192a.25.25 0 00.188.137l4.626.672a.25.25 0 01.139.426l-3.348 3.263a.25.25 0 00-.072.222l.79 4.607a.25.25 0 01-.362.263l-4.138-2.175a.25.25 0 00-.232 0l-4.138 2.175a.25.25 0 01-.363-.263l.79-4.607a.25.25 0 00-.071-.222L4.754 9.881a.25.25 0 01.139-.426l4.626-.672a.25.25 0 00.188-.137l2.069-4.192z\\"></path></svg></button><button type=\\"button\\" class=\\"components-button has-icon\\" aria-label=\\"Close plugin\\"><svg width=\\"24\\" height=\\"24\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" role=\\"img\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path d=\\"M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z\\"></path></svg></button></div><div class=\\"components-panel\\"><div class=\\"components-panel__body sidebar-title-plugin-panel is-opened\\"><div class=\\"components-panel__row\\"><label for=\\"title-plain-text\\">Title:</label><textarea class=\\"block-editor-plain-text\\" id=\\"title-plain-text\\" placeholder=\\"(no title)\\" rows=\\"1\\" style=\\"overflow: hidden; overflow-wrap: break-word; resize: none; height: 18px;\\"></textarea></div><div class=\\"components-panel__row\\"><button type=\\"button\\" class=\\"components-button is-primary\\">Reset</button></div></div></div>"`;
+exports[`Using Plugins API Sidebar Medium screen Should open plugins sidebar using More Menu item and render content 1`] = `"<div class=\\"components-panel__header interface-complementary-area-header__small\\"><span class=\\"interface-complementary-area-header__small-title\\">(no title)</span><button type=\\"button\\" class=\\"components-button has-icon\\" aria-label=\\"Close plugin\\"><svg width=\\"24\\" height=\\"24\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path d=\\"M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z\\"></path></svg></button></div><div class=\\"components-panel__header interface-complementary-area-header\\" tabindex=\\"-1\\"><strong>Plugin sidebar title</strong><button type=\\"button\\" aria-pressed=\\"true\\" aria-expanded=\\"true\\" class=\\"components-button interface-complementary-area__pin-unpin-item is-pressed has-icon\\" aria-label=\\"Unpin from toolbar\\"><svg width=\\"24\\" height=\\"24\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path d=\\"M11.776 4.454a.25.25 0 01.448 0l2.069 4.192a.25.25 0 00.188.137l4.626.672a.25.25 0 01.139.426l-3.348 3.263a.25.25 0 00-.072.222l.79 4.607a.25.25 0 01-.362.263l-4.138-2.175a.25.25 0 00-.232 0l-4.138 2.175a.25.25 0 01-.363-.263l.79-4.607a.25.25 0 00-.071-.222L4.754 9.881a.25.25 0 01.139-.426l4.626-.672a.25.25 0 00.188-.137l2.069-4.192z\\"></path></svg></button><button type=\\"button\\" class=\\"components-button has-icon\\" aria-label=\\"Close plugin\\"><svg width=\\"24\\" height=\\"24\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path d=\\"M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z\\"></path></svg></button></div><div class=\\"components-panel\\"><div class=\\"components-panel__body sidebar-title-plugin-panel is-opened\\"><div class=\\"components-panel__row\\"><label for=\\"title-plain-text\\">Title:</label><textarea class=\\"block-editor-plain-text\\" id=\\"title-plain-text\\" placeholder=\\"(no title)\\" rows=\\"1\\" style=\\"overflow: hidden; overflow-wrap: break-word; resize: none; height: 18px;\\"></textarea></div><div class=\\"components-panel__row\\"><button type=\\"button\\" class=\\"components-button is-primary\\">Reset</button></div></div></div>"`;
 
-exports[`Using Plugins API Sidebar Should open plugins sidebar using More Menu item and render content 1`] = `"<div class=\\"components-panel__header interface-complementary-area-header__small\\"><span class=\\"interface-complementary-area-header__small-title\\">(no title)</span><button type=\\"button\\" class=\\"components-button has-icon\\" aria-label=\\"Close plugin\\"><svg width=\\"24\\" height=\\"24\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" role=\\"img\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path d=\\"M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z\\"></path></svg></button></div><div class=\\"components-panel__header interface-complementary-area-header\\" tabindex=\\"-1\\"><strong>Plugin sidebar title</strong><button type=\\"button\\" aria-pressed=\\"true\\" aria-expanded=\\"true\\" class=\\"components-button interface-complementary-area__pin-unpin-item is-pressed has-icon\\" aria-label=\\"Unpin from toolbar\\"><svg width=\\"24\\" height=\\"24\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" role=\\"img\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path d=\\"M11.776 4.454a.25.25 0 01.448 0l2.069 4.192a.25.25 0 00.188.137l4.626.672a.25.25 0 01.139.426l-3.348 3.263a.25.25 0 00-.072.222l.79 4.607a.25.25 0 01-.362.263l-4.138-2.175a.25.25 0 00-.232 0l-4.138 2.175a.25.25 0 01-.363-.263l.79-4.607a.25.25 0 00-.071-.222L4.754 9.881a.25.25 0 01.139-.426l4.626-.672a.25.25 0 00.188-.137l2.069-4.192z\\"></path></svg></button><button type=\\"button\\" class=\\"components-button has-icon\\" aria-label=\\"Close plugin\\"><svg width=\\"24\\" height=\\"24\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" role=\\"img\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path d=\\"M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z\\"></path></svg></button></div><div class=\\"components-panel\\"><div class=\\"components-panel__body sidebar-title-plugin-panel is-opened\\"><div class=\\"components-panel__row\\"><label for=\\"title-plain-text\\">Title:</label><textarea class=\\"block-editor-plain-text\\" id=\\"title-plain-text\\" placeholder=\\"(no title)\\" rows=\\"1\\" style=\\"overflow: hidden; overflow-wrap: break-word; resize: none; height: 18px;\\"></textarea></div><div class=\\"components-panel__row\\"><button type=\\"button\\" class=\\"components-button is-primary\\">Reset</button></div></div></div>"`;
+exports[`Using Plugins API Sidebar Should open plugins sidebar using More Menu item and render content 1`] = `"<div class=\\"components-panel__header interface-complementary-area-header__small\\"><span class=\\"interface-complementary-area-header__small-title\\">(no title)</span><button type=\\"button\\" class=\\"components-button has-icon\\" aria-label=\\"Close plugin\\"><svg width=\\"24\\" height=\\"24\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path d=\\"M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z\\"></path></svg></button></div><div class=\\"components-panel__header interface-complementary-area-header\\" tabindex=\\"-1\\"><strong>Plugin sidebar title</strong><button type=\\"button\\" aria-pressed=\\"true\\" aria-expanded=\\"true\\" class=\\"components-button interface-complementary-area__pin-unpin-item is-pressed has-icon\\" aria-label=\\"Unpin from toolbar\\"><svg width=\\"24\\" height=\\"24\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path d=\\"M11.776 4.454a.25.25 0 01.448 0l2.069 4.192a.25.25 0 00.188.137l4.626.672a.25.25 0 01.139.426l-3.348 3.263a.25.25 0 00-.072.222l.79 4.607a.25.25 0 01-.362.263l-4.138-2.175a.25.25 0 00-.232 0l-4.138 2.175a.25.25 0 01-.363-.263l.79-4.607a.25.25 0 00-.071-.222L4.754 9.881a.25.25 0 01.139-.426l4.626-.672a.25.25 0 00.188-.137l2.069-4.192z\\"></path></svg></button><button type=\\"button\\" class=\\"components-button has-icon\\" aria-label=\\"Close plugin\\"><svg width=\\"24\\" height=\\"24\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path d=\\"M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z\\"></path></svg></button></div><div class=\\"components-panel\\"><div class=\\"components-panel__body sidebar-title-plugin-panel is-opened\\"><div class=\\"components-panel__row\\"><label for=\\"title-plain-text\\">Title:</label><textarea class=\\"block-editor-plain-text\\" id=\\"title-plain-text\\" placeholder=\\"(no title)\\" rows=\\"1\\" style=\\"overflow: hidden; overflow-wrap: break-word; resize: none; height: 18px;\\"></textarea></div><div class=\\"components-panel__row\\"><button type=\\"button\\" class=\\"components-button is-primary\\">Reset</button></div></div></div>"`;

package/specs/editor/plugins/block-variations.test.js

@@ -104,7 +104,7 @@ describe( 'Block variations', () => {
 				'Display block breadcrumbs',
 				true
 			);
-			await toggleMoreMenu();
+			await toggleMoreMenu( 'close' );
 		} );
 
 		afterEach( async () => {
@@ -113,7 +113,7 @@ describe( 'Block variations', () => {
 				'Display block breadcrumbs',
 				false
 			);
-			await toggleMoreMenu();
+			await toggleMoreMenu( 'close' );
 		} );
 
 		const getActiveBreadcrumb = async () =>
@@ -181,7 +181,7 @@ describe( 'Block variations', () => {
 			).toBeTruthy();
 			const description = await getBlockCardDescription();
 			expect( description ).toEqual(
-				'Start with the building block of all narrative.'
+				'Start with the basic building block of all narrative.'
 			);
 		} );
 	} );

package/specs/editor/plugins/iframed-inline-styles.test.js

@@ -57,11 +57,5 @@ describe( 'iframed inline styles', () => {
 		expect( await getComputedStyle( canvas(), 'border-width' ) ).toBe(
 			'2px'
 		);
-
-		expect( console ).toHaveWarned(
-			`Stylesheet iframed-inline-styles-compat-style-css was not properly added.
-For blocks, use the block API's style (https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/#style) or editorStyle (https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/#editor-style).
-For themes, use add_editor_style (https://developer.wordpress.org/block-editor/how-to-guides/themes/theme-support/#editor-styles). <link rel="stylesheet" id="iframed-inline-styles-compat-style-css" href="http://localhost:8889/wp-content/plugins/gutenberg-test-plugins/iframed-inline-styles/compat-style.css?ver=1626189899" media="all">`
-		);
 	} );
 } );

package/specs/editor/plugins/iframed-multiple-block-stylesheets.test.js

@@ -63,9 +63,5 @@ describe( 'iframed multiple block stylesheets', () => {
 		expect( await getComputedStyle( canvas(), 'background-color' ) ).toBe(
 			'rgb(0, 0, 0)'
 		);
-
-		// Skip warnings related to block-styles enqueing and the use of add_editor_style.
-		// The issue is tracked on https://github.com/WordPress/gutenberg/issues/33212.
-		expect( console ).toHaveWarned();
 	} );
 } );

package/specs/editor/plugins/plugins-api.test.js

@@ -156,4 +156,34 @@ describe( 'Using Plugins API', () => {
 			expect( pluginDocumentSettingsText ).toMatchSnapshot();
 		} );
 	} );
+
+	describe( 'Error Boundary', () => {
+		beforeAll( async () => {
+			await activatePlugin(
+				'gutenberg-test-plugin-plugins-error-boundary'
+			);
+		} );
+
+		afterAll( async () => {
+			await deactivatePlugin(
+				'gutenberg-test-plugin-plugins-error-boundary'
+			);
+		} );
+
+		it( 'Should create notice using plugin error boundary callback', async () => {
+			const noticeContent = await page.waitForSelector(
+				'.is-error .components-notice__content'
+			);
+			expect(
+				await page.evaluate(
+					( _noticeContent ) => _noticeContent.firstChild.nodeValue,
+					noticeContent
+				)
+			).toEqual(
+				'The "my-error-plugin" plugin has encountered an error and cannot be rendered.'
+			);
+
+			expect( console ).toHaveErrored();
+		} );
+	} );
 } );

package/specs/editor/plugins/templates.test.js

@@ -3,7 +3,6 @@
  */
 import {
 	activatePlugin,
-	clickBlockAppender,
 	createNewPost,
 	deactivatePlugin,
 	getEditedPostContent,
@@ -100,12 +99,7 @@ describe( 'templates', () => {
 			// Remove the default block template to verify that it's not
 			// re-added after saving and reloading the editor.
 			await page.type( '.editor-post-title__input', 'My Image Format' );
-			await clickBlockAppender();
-			await page.keyboard.press( 'Backspace' );
-			// Wait for the selection to update.
-			await page.evaluate(
-				() => new Promise( window.requestAnimationFrame )
-			);
+			await page.click( '.wp-block-image' );
 			await page.keyboard.press( 'Backspace' );
 			await saveDraft();
 			await page.reload();

package/specs/editor/various/__snapshots__/block-editor-keyboard-shortcuts.test.js.snap

@@ -2,112 +2,126 @@
 
 exports[`block editor keyboard shortcuts move blocks multiple blocks selected should move the blocks down 1`] = `
 "<!-- wp:paragraph -->
-<p>First paragraph</p>
+<p>1st</p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph -->
-<p>Second paragraph</p>
+<p>2nd</p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph -->
-<p>Third paragraph</p>
+<p>3rd</p>
 <!-- /wp:paragraph -->"
 `;
 
 exports[`block editor keyboard shortcuts move blocks multiple blocks selected should move the blocks down 2`] = `
 "<!-- wp:paragraph -->
-<p>Third paragraph</p>
+<p>3rd</p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph -->
-<p>First paragraph</p>
+<p>1st</p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph -->
-<p>Second paragraph</p>
+<p>2nd</p>
 <!-- /wp:paragraph -->"
 `;
 
 exports[`block editor keyboard shortcuts move blocks multiple blocks selected should move the blocks up 1`] = `
 "<!-- wp:paragraph -->
-<p>First paragraph</p>
+<p>1st</p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph -->
-<p>Second paragraph</p>
+<p>2nd</p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph -->
-<p>Third paragraph</p>
+<p>3rd</p>
 <!-- /wp:paragraph -->"
 `;
 
 exports[`block editor keyboard shortcuts move blocks multiple blocks selected should move the blocks up 2`] = `
 "<!-- wp:paragraph -->
-<p>Second paragraph</p>
+<p>2nd</p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph -->
-<p>Third paragraph</p>
+<p>3rd</p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph -->
-<p>First paragraph</p>
+<p>1st</p>
 <!-- /wp:paragraph -->"
 `;
 
 exports[`block editor keyboard shortcuts move blocks single block selected should move the block down 1`] = `
 "<!-- wp:paragraph -->
-<p>First paragraph</p>
+<p>1st</p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph -->
-<p>Second paragraph</p>
+<p>2nd</p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph -->
-<p>Third paragraph</p>
+<p>3rd</p>
 <!-- /wp:paragraph -->"
 `;
 
 exports[`block editor keyboard shortcuts move blocks single block selected should move the block down 2`] = `
 "<!-- wp:paragraph -->
-<p>First paragraph</p>
+<p>1st</p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph -->
-<p>Third paragraph</p>
+<p>3rd</p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph -->
-<p>Second paragraph</p>
+<p>2nd</p>
 <!-- /wp:paragraph -->"
 `;
 
 exports[`block editor keyboard shortcuts move blocks single block selected should move the block up 1`] = `
 "<!-- wp:paragraph -->
-<p>First paragraph</p>
+<p>1st</p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph -->
-<p>Second paragraph</p>
+<p>2nd</p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph -->
-<p>Third paragraph</p>
+<p>3rd</p>
 <!-- /wp:paragraph -->"
 `;
 
 exports[`block editor keyboard shortcuts move blocks single block selected should move the block up 2`] = `
 "<!-- wp:paragraph -->
-<p>Third paragraph</p>
+<p>3rd</p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph -->
-<p>First paragraph</p>
+<p>1st</p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph -->
-<p>Second paragraph</p>
+<p>2nd</p>
+<!-- /wp:paragraph -->"
+`;
+
+exports[`block editor keyboard shortcuts test shortcuts handling through portals in the same tree should prevent deleting multiple selected blocks from inputs 1`] = `
+"<!-- wp:paragraph -->
+<p>1st</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>2nd</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>3rd</p>
 <!-- /wp:paragraph -->"
 `;

package/specs/editor/various/__snapshots__/inserting-blocks.test.js.snap

@@ -89,7 +89,7 @@ exports[`Inserting blocks inserts a block in proper place after having clicked \
 <!-- /wp:paragraph -->
 
 <!-- wp:cover {\\"isDark\\":false} -->
-<div class=\\"wp-block-cover is-light\\"><span aria-hidden=\\"true\\" class=\\"has-background-dim-100 wp-block-cover__gradient-background has-background-dim\\"></span><div class=\\"wp-block-cover__inner-container\\"></div></div>
+<div class=\\"wp-block-cover is-light\\"><span aria-hidden=\\"true\\" class=\\"wp-block-cover__background has-background-dim-100 has-background-dim\\"></span><div class=\\"wp-block-cover__inner-container\\"></div></div>
 <!-- /wp:cover -->
 
 <!-- wp:heading -->

package/specs/editor/various/__snapshots__/keep-styles-on-block-transforms.test.js.snap

@@ -0,0 +1,35 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Keep styles on block transforms Should keep colors during a transform 1`] = `
+"<!-- wp:paragraph {\\"textColor\\":\\"luminous-vivid-orange\\"} -->
+<p class=\\"has-luminous-vivid-orange-color has-text-color\\">Heading</p>
+<!-- /wp:paragraph -->"
+`;
+
+exports[`Keep styles on block transforms Should keep the font size during a transform from multiple blocks into a single one 1`] = `
+"<!-- wp:list {\\"fontSize\\":\\"large\\"} -->
+<ul class=\\"has-large-font-size\\"><li>Line 1 to be made large</li><li>Line 2 to be made large</li><li>Line 3 to be made large</li></ul>
+<!-- /wp:list -->"
+`;
+
+exports[`Keep styles on block transforms Should keep the font size during a transform from multiple blocks into multiple blocks 1`] = `
+"<!-- wp:heading {\\"fontSize\\":\\"large\\"} -->
+<h2 class=\\"has-large-font-size\\" id=\\"line-1-to-be-made-large\\">Line 1 to be made large</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {\\"fontSize\\":\\"large\\"} -->
+<h2 class=\\"has-large-font-size\\" id=\\"line-2-to-be-made-large\\">Line 2 to be made large</h2>
+<!-- /wp:heading -->
+
+<!-- wp:heading {\\"fontSize\\":\\"large\\"} -->
+<h2 class=\\"has-large-font-size\\" id=\\"line-3-to-be-made-large\\">Line 3 to be made large</h2>
+<!-- /wp:heading -->"
+`;
+
+exports[`Keep styles on block transforms Should not include styles in the group block when grouping a block 1`] = `
+"<!-- wp:group -->
+<div class=\\"wp-block-group\\"><!-- wp:paragraph {\\"fontSize\\":\\"large\\"} -->
+<p class=\\"has-large-font-size\\">Line 1 to be made large</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->"
+`;

package/specs/editor/various/block-editor-keyboard-shortcuts.test.js

@@ -6,15 +6,18 @@ import {
 	clickBlockAppender,
 	getEditedPostContent,
 	pressKeyWithModifier,
+	clickBlockToolbarButton,
+	clickMenuItem,
+	clickOnCloseModalButton,
 } from '@wordpress/e2e-test-utils';
 
 const createTestParagraphBlocks = async () => {
 	await clickBlockAppender();
-	await page.keyboard.type( 'First paragraph' );
+	await page.keyboard.type( '1st' );
 	await page.keyboard.press( 'Enter' );
-	await page.keyboard.type( 'Second paragraph' );
+	await page.keyboard.type( '2nd' );
 	await page.keyboard.press( 'Enter' );
-	await page.keyboard.type( 'Third paragraph' );
+	await page.keyboard.type( '3rd' );
 };
 
 describe( 'block editor keyboard shortcuts', () => {
@@ -66,4 +69,41 @@ describe( 'block editor keyboard shortcuts', () => {
 			} );
 		} );
 	} );
+	describe( 'test shortcuts handling through portals in the same tree', () => {
+		beforeEach( async () => {
+			await createTestParagraphBlocks();
+			// Multiselect via keyboard.
+			await pressKeyWithModifier( 'primary', 'a' );
+			await pressKeyWithModifier( 'primary', 'a' );
+		} );
+		it( 'should propagate properly and delete selected blocks', async () => {
+			await clickBlockToolbarButton( 'Options' );
+			const label = 'Duplicate';
+			await page.$x(
+				`//div[@role="menu"]//span[contains(concat(" ", @class, " "), " components-menu-item__item ")][contains(text(), "${ label }")]`
+			);
+			await page.keyboard.press( 'Delete' );
+			expect( await getEditedPostContent() ).toMatchInlineSnapshot(
+				`""`
+			);
+		} );
+		it( 'should prevent deleting multiple selected blocks from inputs', async () => {
+			await clickBlockToolbarButton( 'Options' );
+			await clickMenuItem( 'Add to Reusable blocks' );
+			const reusableBlockNameInputSelector =
+				'.reusable-blocks-menu-items__convert-modal .components-text-control__input';
+			const nameInput = await page.waitForSelector(
+				reusableBlockNameInputSelector
+			);
+			await nameInput.click();
+			await page.keyboard.type( 'hi' );
+			await page.keyboard.press( 'Backspace' );
+			await page.keyboard.press( 'ArrowLeft' );
+			await page.keyboard.press( 'Delete' );
+			await clickOnCloseModalButton(
+				'.reusable-blocks-menu-items__convert-modal'
+			);
+			expect( await getEditedPostContent() ).toMatchSnapshot();
+		} );
+	} );
 } );

package/specs/editor/various/font-size-picker.test.js

@@ -7,7 +7,6 @@ import {
 	createNewPost,
 	pressKeyWithModifier,
 	pressKeyTimes,
-	activateTheme,
 	openTypographyToolsPanelMenu,
 } from '@wordpress/e2e-test-utils';
 
@@ -100,21 +99,68 @@ describe( 'Font Size Picker', () => {
 		` );
 		} );
 	} );
+
 	// A different control is rendered based on the available font sizes number.
 	describe( 'More font sizes', () => {
-		beforeAll( async () => {
-			await activateTheme( 'tt1-blocks' );
-		} );
-		afterAll( async () => {
-			await activateTheme( 'twentytwentyone' );
+		beforeEach( async () => {
+			await page.evaluate( () => {
+				wp.data.dispatch( 'core/block-editor' ).updateSettings(
+					// eslint-disable-next-line no-undef
+					lodash.merge(
+						wp.data.select( 'core/block-editor' ).getSettings(),
+						{
+							__experimentalFeatures: {
+								typography: {
+									fontSizes: {
+										default: [
+											{
+												name: 'Tiny',
+												slug: 'tiny',
+												size: '11px',
+											},
+											,
+											{
+												name: 'Small',
+												slug: 'small',
+												size: '13px',
+											},
+											{
+												name: 'Medium',
+												slug: 'medium',
+												size: '20px',
+											},
+											{
+												name: 'Large',
+												slug: 'large',
+												size: '36px',
+											},
+											{
+												name: 'Extra Large',
+												slug: 'x-large',
+												size: '42px',
+											},
+											{
+												name: 'Huge',
+												slug: 'huge',
+												size: '48px',
+											},
+										],
+									},
+								},
+							},
+						}
+					)
+				);
+			} );
 		} );
+
 		it( 'should apply a named font size using the font size buttons', async () => {
 			// Create a paragraph block with some content.
 			await clickBlockAppender();
 			await page.keyboard.type( 'Paragraph to be made "large"' );
 
 			await openFontSizeSelectControl();
-			await pressKeyTimes( 'ArrowDown', 4 );
+			await pressKeyTimes( 'ArrowDown', 5 );
 			await page.keyboard.press( 'Enter' );
 
 			expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
@@ -131,11 +177,11 @@ describe( 'Font Size Picker', () => {
 			);
 
 			await openFontSizeSelectControl();
-			await pressKeyTimes( 'ArrowDown', 3 );
+			await pressKeyTimes( 'ArrowDown', 4 );
 			await page.keyboard.press( 'Enter' );
 			expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
-			"<!-- wp:paragraph {\\"fontSize\\":\\"normal\\"} -->
-			<p class=\\"has-normal-font-size\\">Paragraph with font size reset using tools panel menu</p>
+			"<!-- wp:paragraph {\\"fontSize\\":\\"medium\\"} -->
+			<p class=\\"has-medium-font-size\\">Paragraph with font size reset using tools panel menu</p>
 			<!-- /wp:paragraph -->"
 		` );
 
@@ -158,7 +204,7 @@ describe( 'Font Size Picker', () => {
 			);
 
 			await openFontSizeSelectControl();
-			await pressKeyTimes( 'ArrowDown', 2 );
+			await pressKeyTimes( 'ArrowDown', 3 );
 			await page.keyboard.press( 'Enter' );
 			expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
 			"<!-- wp:paragraph {\\"fontSize\\":\\"small\\"} -->

package/specs/editor/various/fullscreen-mode.test.js

@@ -14,7 +14,7 @@ describe( 'Fullscreen Mode', () => {
 
 	it( 'should open the fullscreen mode from the more menu', async () => {
 		await clickOnMoreMenuItem( 'Fullscreen mode' );
-		await toggleMoreMenu();
+		await toggleMoreMenu( 'close' );
 
 		const isFullscreenEnabled = await page.$eval( 'body', ( body ) => {
 			return body.classList.contains( 'is-fullscreen-mode' );

package/specs/editor/various/keep-styles-on-block-transforms.test.js

@@ -0,0 +1,81 @@
+/**
+ * WordPress dependencies
+ */
+import {
+	clickBlockAppender,
+	createNewPost,
+	getEditedPostContent,
+	pressKeyWithModifier,
+	transformBlockTo,
+} from '@wordpress/e2e-test-utils';
+
+describe( 'Keep styles on block transforms', () => {
+	beforeEach( async () => {
+		await createNewPost();
+	} );
+
+	it( 'Should keep colors during a transform', async () => {
+		await clickBlockAppender();
+		await page.keyboard.type( '## Heading' );
+
+		const textColorButton = await page.waitForSelector(
+			'.block-editor-panel-color-gradient-settings__dropdown'
+		);
+		await textColorButton.click();
+
+		const colorButtonSelector = `//button[@aria-label='Color: Luminous vivid orange']`;
+		const [ colorButton ] = await page.$x( colorButtonSelector );
+		await colorButton.click();
+		await page.waitForXPath(
+			`${ colorButtonSelector }[@aria-pressed='true']`
+		);
+		await page.click( 'h2[data-type="core/heading"]' );
+		await transformBlockTo( 'Paragraph' );
+		expect( await getEditedPostContent() ).toMatchSnapshot();
+	} );
+
+	it( 'Should keep the font size during a transform from multiple blocks into a single one', async () => {
+		// Create a paragraph block with some content.
+		await clickBlockAppender();
+		await page.keyboard.type( 'Line 1 to be made large' );
+		await page.keyboard.press( 'Enter' );
+		await page.keyboard.type( 'Line 2 to be made large' );
+		await page.keyboard.press( 'Enter' );
+		await page.keyboard.type( 'Line 3 to be made large' );
+		await pressKeyWithModifier( 'shift', 'ArrowUp' );
+		await pressKeyWithModifier( 'shift', 'ArrowUp' );
+		await page.click(
+			'[role="radiogroup"][aria-label="Font size"] [aria-label="Large"]'
+		);
+		await transformBlockTo( 'List' );
+		expect( await getEditedPostContent() ).toMatchSnapshot();
+	} );
+
+	it( 'Should keep the font size during a transform from multiple blocks into multiple blocks', async () => {
+		// Create a paragraph block with some content.
+		await clickBlockAppender();
+		await page.keyboard.type( 'Line 1 to be made large' );
+		await page.keyboard.press( 'Enter' );
+		await page.keyboard.type( 'Line 2 to be made large' );
+		await page.keyboard.press( 'Enter' );
+		await page.keyboard.type( 'Line 3 to be made large' );
+		await pressKeyWithModifier( 'shift', 'ArrowUp' );
+		await pressKeyWithModifier( 'shift', 'ArrowUp' );
+		await page.click(
+			'[role="radiogroup"][aria-label="Font size"] [aria-label="Large"]'
+		);
+		await transformBlockTo( 'Heading' );
+		expect( await getEditedPostContent() ).toMatchSnapshot();
+	} );
+
+	it( 'Should not include styles in the group block when grouping a block', async () => {
+		// Create a paragraph block with some content.
+		await clickBlockAppender();
+		await page.keyboard.type( 'Line 1 to be made large' );
+		await page.click(
+			'[role="radiogroup"][aria-label="Font size"] [aria-label="Large"]'
+		);
+		await transformBlockTo( 'Group' );
+		expect( await getEditedPostContent() ).toMatchSnapshot();
+	} );
+} );

package/specs/editor/various/post-editor-template-mode.test.js

@@ -102,7 +102,7 @@ describe( 'Post Editor Template mode', () => {
 	} );
 
 	it( 'Allow to switch to template mode, edit the template and check the result', async () => {
-		await activateTheme( 'tt1-blocks' );
+		await activateTheme( 'emptytheme' );
 		await createNewPost();
 		// Create a random post.
 		await page.type( '.editor-post-title__input', 'Just an FSE Post' );