@wordpress/e2e-tests 2.4.1-next.253d9b6e21.0 → 2.5.1

package/specs/editor/plugins/align-hook.test.js

@@ -14,6 +14,7 @@ import {
 } from '@wordpress/e2e-test-utils';
 
 const alignLabels = {
+	none: 'None',
 	left: 'Align left',
 	center: 'Align center',
 	right: 'Align right',
@@ -21,114 +22,129 @@ const alignLabels = {
 	full: 'Full width',
 };
 
-describe( 'Align Hook Works As Expected', () => {
-	beforeAll( async () => {
-		await activatePlugin( 'gutenberg-test-align-hook' );
+/**
+ * Helper function to get the `labels` of align control. It actually evaluates the
+ * basic label of the button without the `info` text node if exists.
+ *
+ * @param {Object}  options                               Options for the util function
+ * @param {boolean} [options.getActiveButtonLabels=false] Flag for returning the active buttons labels only.
+ * @return {string[]} The matched labels.
+ */
+const getAlignmentToolbarLabels = async ( {
+	getActiveButtonLabels = false,
+} = {} ) => {
+	const selector = `.components-dropdown-menu__menu button${
+		getActiveButtonLabels ? '.is-active' : ''
+	} .components-menu-item__item`;
+	return page.evaluate( ( _selector ) => {
+		return (
+			Array.from( document.querySelectorAll( _selector ) )
+				/**
+				 * We neede this for now because conditionally there could be two nodes
+				 * with the same class(). This should be removed when the following
+				 * issue is resolved.
+				 *
+				 * @see https://github.com/WordPress/gutenberg/issues/34838
+				 */
+				.filter( ( contentNode ) => ! contentNode.childElementCount )
+				.map( ( contentNode ) => {
+					return contentNode.innerText;
+				} )
+		);
+	}, selector );
+};
+
+const expectActiveButtonLabelToBe = async ( expected ) => {
+	await clickBlockToolbarButton( 'Align' );
+	const activeButtonLabels = await getAlignmentToolbarLabels( {
+		getActiveButtonLabels: true,
 	} );
+	expect( activeButtonLabels ).toHaveLength( 1 );
+	expect( activeButtonLabels[ 0 ] ).toEqual( expected );
+};
 
-	beforeEach( async () => {
-		await createNewPost();
+const createShowsTheExpectedButtonsTest = ( blockName, buttonLabels ) => {
+	it( 'Shows the expected buttons on the alignment toolbar', async () => {
+		await insertBlock( blockName );
+		await clickBlockToolbarButton( 'Align' );
+		expect( await getAlignmentToolbarLabels() ).toEqual(
+			expect.arrayContaining( buttonLabels )
+		);
 	} );
+};
 
-	afterAll( async () => {
-		await deactivatePlugin( 'gutenberg-test-align-hook' );
+const createAppliesNoneAlignmentByDefaultTest = ( blockName ) => {
+	it( 'applies none alignment by default', async () => {
+		await insertBlock( blockName );
+		await expectActiveButtonLabelToBe( alignLabels.none );
 	} );
+};
+
+const verifyMarkupIsValid = async ( htmlMarkup ) => {
+	await setPostContent( htmlMarkup );
+	const blocks = await getAllBlocks();
+	expect( blocks ).toHaveLength( 1 );
+	expect( blocks[ 0 ].isValid ).toBeTruthy();
+};
+
+const createCorrectlyAppliesAndRemovesAlignmentTest = (
+	blockName,
+	alignment
+) => {
+	it( 'Correctly applies the selected alignment and correctly removes the alignment', async () => {
+		const BUTTON_XPATH = `//button[contains(@class,'components-dropdown-menu__menu-item')]//span[contains(text(), '${ alignLabels[ alignment ] }')]`;
 
-	const getAlignmentToolbarLabels = async () => {
+		// set the specified alignment.
+		await insertBlock( blockName );
 		await clickBlockToolbarButton( 'Align' );
-		const buttonLabels = await page.evaluate( () => {
-			return Array.from(
-				document.querySelectorAll(
-					'.components-dropdown-menu__menu button'
-				)
-			).map( ( button ) => {
-				return button.innerText;
-			} );
-		} );
-		return buttonLabels;
-	};
+		await ( await page.$x( BUTTON_XPATH ) )[ 0 ].click();
 
-	const createShowsTheExpectedButtonsTest = ( blockName, buttonLabels ) => {
-		it( 'Shows the expected buttons on the alignment toolbar', async () => {
-			await insertBlock( blockName );
-			expect( await getAlignmentToolbarLabels() ).toEqual( buttonLabels );
-		} );
-	};
+		// verify the button of the specified alignment is pressed.
+		await expectActiveButtonLabelToBe( alignLabels[ alignment ] );
 
-	const createDoesNotApplyAlignmentByDefaultTest = ( blockName ) => {
-		it( 'Does not apply any alignment by default', async () => {
-			await insertBlock( blockName );
-			await clickBlockToolbarButton( 'Align' );
-			const pressedButtons = await page.$$(
-				'.components-dropdown-menu__menu button.is-active'
-			);
-			expect( pressedButtons ).toHaveLength( 0 );
-		} );
-	};
-
-	const verifyMarkupIsValid = async ( htmlMarkup ) => {
-		await setPostContent( htmlMarkup );
-		const blocks = await getAllBlocks();
-		expect( blocks ).toHaveLength( 1 );
-		expect( blocks[ 0 ].isValid ).toBeTruthy();
-	};
-
-	const createCorrectlyAppliesAndRemovesAlignmentTest = (
-		blockName,
-		alignment
-	) => {
-		it( 'Correctly applies the selected alignment and correctly removes the alignment', async () => {
-			const BUTTON_XPATH = `//button[contains(@class,'components-dropdown-menu__menu-item') and contains(text(), '${ alignLabels[ alignment ] }')]`;
-			const BUTTON_PRESSED_SELECTOR =
-				'.components-dropdown-menu__menu button.is-active';
-			// set the specified alignment.
-			await insertBlock( blockName );
-			await clickBlockToolbarButton( 'Align' );
-			await ( await page.$x( BUTTON_XPATH ) )[ 0 ].click();
+		let htmlMarkup = await getEditedPostContent();
 
-			// verify the button of the specified alignment is pressed.
-			await clickBlockToolbarButton( 'Align' );
-			let pressedButtons = await page.$$( BUTTON_PRESSED_SELECTOR );
-			expect( pressedButtons ).toHaveLength( 1 );
+		// verify the markup of the selected alignment was generated.
+		expect( htmlMarkup ).toMatchSnapshot();
 
-			let htmlMarkup = await getEditedPostContent();
+		// verify the markup can be correctly parsed
+		await verifyMarkupIsValid( htmlMarkup );
 
-			// verify the markup of the selected alignment was generated.
-			expect( htmlMarkup ).toMatchSnapshot();
+		await selectBlockByClientId( ( await getAllBlocks() )[ 0 ].clientId );
 
-			// verify the markup can be correctly parsed
-			await verifyMarkupIsValid( htmlMarkup );
+		// remove the alignment.
+		await clickBlockToolbarButton( 'Align' );
+		await ( await page.$x( BUTTON_XPATH ) )[ 0 ].click();
 
-			await selectBlockByClientId(
-				( await getAllBlocks() )[ 0 ].clientId
-			);
+		// verify 'none' alignment button is in pressed state.
+		await expectActiveButtonLabelToBe( alignLabels.none );
 
-			// remove the alignment.
-			await clickBlockToolbarButton( 'Align' );
-			await ( await page.$x( BUTTON_XPATH ) )[ 0 ].click();
+		// verify alignment markup was removed from the block.
+		htmlMarkup = await getEditedPostContent();
+		expect( htmlMarkup ).toMatchSnapshot();
 
-			// verify no alignment button is in pressed state.
-			await clickBlockToolbarButton( 'Align' );
-			pressedButtons = await page.$$( BUTTON_PRESSED_SELECTOR );
-			expect( pressedButtons ).toHaveLength( 0 );
+		// verify the markup when no alignment is set is valid
+		await verifyMarkupIsValid( htmlMarkup );
 
-			// verify alignment markup was removed from the block.
-			htmlMarkup = await getEditedPostContent();
-			expect( htmlMarkup ).toMatchSnapshot();
+		await selectBlockByClientId( ( await getAllBlocks() )[ 0 ].clientId );
 
-			// verify the markup when no alignment is set is valid
-			await verifyMarkupIsValid( htmlMarkup );
+		// verify alignment `none` button is in pressed state after parsing the block.
+		await expectActiveButtonLabelToBe( alignLabels.none );
+	} );
+};
 
-			await selectBlockByClientId(
-				( await getAllBlocks() )[ 0 ].clientId
-			);
+describe( 'Align Hook Works As Expected', () => {
+	beforeAll( async () => {
+		await activatePlugin( 'gutenberg-test-align-hook' );
+	} );
 
-			// verify no alignment button is in pressed state after parsing the block.
-			await clickBlockToolbarButton( 'Align' );
-			pressedButtons = await page.$$( BUTTON_PRESSED_SELECTOR );
-			expect( pressedButtons ).toHaveLength( 0 );
-		} );
-	};
+	beforeEach( async () => {
+		await createNewPost();
+	} );
+
+	afterAll( async () => {
+		await deactivatePlugin( 'gutenberg-test-align-hook' );
+	} );
 
 	describe( 'Block with no alignment set', () => {
 		const BLOCK_NAME = 'Test No Alignment Set';
@@ -151,15 +167,12 @@ describe( 'Align Hook Works As Expected', () => {
 	describe( 'Block with align true', () => {
 		const BLOCK_NAME = 'Test Align True';
 
-		createShowsTheExpectedButtonsTest( BLOCK_NAME, [
-			alignLabels.left,
-			alignLabels.center,
-			alignLabels.right,
-			alignLabels.wide,
-			alignLabels.full,
-		] );
+		createShowsTheExpectedButtonsTest(
+			BLOCK_NAME,
+			Object.values( alignLabels )
+		);
 
-		createDoesNotApplyAlignmentByDefaultTest( BLOCK_NAME );
+		createAppliesNoneAlignmentByDefaultTest( BLOCK_NAME );
 
 		createCorrectlyAppliesAndRemovesAlignmentTest( BLOCK_NAME, 'right' );
 	} );
@@ -168,11 +181,12 @@ describe( 'Align Hook Works As Expected', () => {
 		const BLOCK_NAME = 'Test Align Array';
 
 		createShowsTheExpectedButtonsTest( BLOCK_NAME, [
+			alignLabels.none,
 			alignLabels.left,
 			alignLabels.center,
 		] );
 
-		createDoesNotApplyAlignmentByDefaultTest( BLOCK_NAME );
+		createAppliesNoneAlignmentByDefaultTest( BLOCK_NAME );
 
 		createCorrectlyAppliesAndRemovesAlignmentTest( BLOCK_NAME, 'center' );
 	} );
@@ -180,14 +194,11 @@ describe( 'Align Hook Works As Expected', () => {
 	describe( 'Block with default align', () => {
 		const BLOCK_NAME = 'Test Default Align';
 		const SELECTED_ALIGNMENT_CONTROL_SELECTOR =
-			'//div[contains(@class, "components-dropdown-menu__menu")]//button[contains(@class, "is-active")][text()="Align right"]';
-		createShowsTheExpectedButtonsTest( BLOCK_NAME, [
-			alignLabels.left,
-			alignLabels.center,
-			alignLabels.right,
-			alignLabels.wide,
-			alignLabels.full,
-		] );
+			'//div[contains(@class, "components-dropdown-menu__menu")]//button[contains(@class, "is-active")]/span[text()="Align right"]';
+		createShowsTheExpectedButtonsTest(
+			BLOCK_NAME,
+			Object.values( alignLabels )
+		);
 
 		it( 'Applies the selected alignment by default', async () => {
 			await insertBlock( BLOCK_NAME );

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

@@ -52,7 +52,7 @@ describe( 'Using Plugins API', () => {
 		 )[ 0 ];
 		await addAnnotationButton.click();
 		await page.evaluate( () =>
-			document.querySelector( '[contenteditable]' ).focus()
+			document.querySelector( '.wp-block-paragraph' ).focus()
 		);
 	}
 
@@ -91,7 +91,7 @@ describe( 'Using Plugins API', () => {
 	 * @return {Promise<string>} Inner HTML.
 	 */
 	async function getRichTextInnerHTML() {
-		const htmlContent = await page.$$( '*[contenteditable]' );
+		const htmlContent = await page.$$( '.wp-block-paragraph' );
 		return await page.evaluate( ( el ) => {
 			return el.innerHTML;
 		}, htmlContent[ 0 ] );
@@ -139,7 +139,7 @@ describe( 'Using Plugins API', () => {
 			await page.keyboard.type( 'D' );
 
 			await removeAnnotations();
-			const htmlContent = await page.$$( '*[contenteditable]' );
+			const htmlContent = await page.$$( '.wp-block-paragraph' );
 			const html = await page.evaluate( ( el ) => {
 				return el.innerHTML;
 			}, htmlContent[ 0 ] );

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

@@ -0,0 +1,58 @@
+/**
+ * WordPress dependencies
+ */
+import {
+	activatePlugin,
+	createNewPost,
+	deactivatePlugin,
+	insertBlock,
+	getEditedPostContent,
+	openDocumentSettingsSidebar,
+	clickButton,
+	canvas,
+} from '@wordpress/e2e-test-utils';
+
+describe( 'changing image size', () => {
+	beforeEach( async () => {
+		await activatePlugin( 'gutenberg-test-iframed-block' );
+		await createNewPost( { postType: 'page' } );
+	} );
+
+	afterEach( async () => {
+		await deactivatePlugin( 'gutenberg-test-iframed-block' );
+	} );
+
+	it( 'should load script and dependencies in iframe', async () => {
+		await insertBlock( 'Iframed Block' );
+
+		expect( await getEditedPostContent() ).toMatchSnapshot();
+
+		const element = await page.waitForSelector(
+			'.wp-block-test-iframed-block'
+		);
+		const text = await element.evaluate( ( el ) => el.textContent );
+
+		expect( text ).toBe( 'Iframed Block (set with jQuery)' );
+
+		await openDocumentSettingsSidebar();
+		await clickButton( 'Page' );
+		await clickButton( 'Template' );
+		await clickButton( 'New' );
+		await page.keyboard.press( 'Tab' );
+		await page.keyboard.press( 'Tab' );
+		await page.keyboard.type( 'Iframed Test' );
+		await clickButton( 'Create' );
+		await page.waitForSelector( 'iframe[name="editor-canvas"]' );
+
+		const iframeElement = await canvas().waitForSelector(
+			'.wp-block-test-iframed-block'
+		);
+		const iframedText = await iframeElement.evaluate(
+			( el ) => el.textContent
+		);
+
+		// Expect the script to load in the iframe, which replaces the block
+		// text.
+		expect( iframedText ).toBe( 'Iframed Block (set with jQuery)' );
+	} );
+} );

package/specs/editor/various/__snapshots__/copy-cut-paste-whole-blocks.test.js.snap

@@ -1,5 +1,19 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`Copy/cut/paste of whole blocks can copy group onto non textual element (image, spacer) 1`] = `""`;
+
+exports[`Copy/cut/paste of whole blocks can copy group onto non textual element (image, spacer) 2`] = `
+"<!-- wp:paragraph -->
+<p></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:group -->
+<div class=\\"wp-block-group\\"><!-- wp:paragraph -->
+<p>P</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->"
+`;
+
 exports[`Copy/cut/paste of whole blocks should copy and paste individual blocks 1`] = `
 "<!-- wp:paragraph -->
 <p>Here is a unique string so we can test copying.</p>
@@ -56,6 +70,20 @@ exports[`Copy/cut/paste of whole blocks should cut and paste individual blocks 2
 <!-- /wp:paragraph -->"
 `;
 
+exports[`Copy/cut/paste of whole blocks should handle paste events once 1`] = `""`;
+
+exports[`Copy/cut/paste of whole blocks should handle paste events once 2`] = `
+"<!-- wp:paragraph -->
+<p></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:group -->
+<div class=\\"wp-block-group\\"><!-- wp:paragraph -->
+<p>P</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->"
+`;
+
 exports[`Copy/cut/paste of whole blocks should respect inline copy in places like input fields and textareas 1`] = `
 "<!-- wp:shortcode -->
 [my-shortcode]

package/specs/editor/various/__snapshots__/rich-text.test.js.snap

@@ -54,6 +54,18 @@ exports[`RichText should navigate arround emoji 1`] = `
 <!-- /wp:paragraph -->"
 `;
 
+exports[`RichText should navigate consecutive format boundaries 1`] = `
+"<!-- wp:paragraph -->
+<p><strong>1</strong><em>2</em></p>
+<!-- /wp:paragraph -->"
+`;
+
+exports[`RichText should navigate consecutive format boundaries 2`] = `
+"<!-- wp:paragraph -->
+<p><strong>1</strong>-<em>2</em></p>
+<!-- /wp:paragraph -->"
+`;
+
 exports[`RichText should not format text after code backtick 1`] = `
 "<!-- wp:paragraph -->
 <p>A <code>backtick</code> and more.</p>
@@ -90,17 +102,17 @@ exports[`RichText should only mutate text data on input 1`] = `
 
 exports[`RichText should preserve internal formatting 1`] = `
 "<!-- wp:paragraph -->
-<p><span class=\\"has-inline-color has-cyan-bluish-gray-color\\">1</span></p>
+<p><mark style=\\"background-color:rgba(0, 0, 0, 0)\\" class=\\"has-inline-color has-cyan-bluish-gray-color\\">1</mark></p>
 <!-- /wp:paragraph -->"
 `;
 
 exports[`RichText should preserve internal formatting 2`] = `
 "<!-- wp:paragraph -->
-<p><span class=\\"has-inline-color has-cyan-bluish-gray-color\\">1</span></p>
+<p><mark style=\\"background-color:rgba(0, 0, 0, 0)\\" class=\\"has-inline-color has-cyan-bluish-gray-color\\">1</mark></p>
 <!-- /wp:paragraph -->
 
 <!-- wp:paragraph -->
-<p><span class=\\"has-inline-color has-cyan-bluish-gray-color\\">1</span></p>
+<p><mark style=\\"background-color:rgba(0, 0, 0, 0)\\" class=\\"has-inline-color has-cyan-bluish-gray-color\\">1</mark></p>
 <!-- /wp:paragraph -->"
 `;
 

package/specs/editor/various/a11y.test.js

@@ -15,7 +15,7 @@ describe( 'a11y', () => {
 	} );
 
 	it( 'tabs header bar', async () => {
-		await pressKeyWithModifier( 'ctrl', '~' );
+		await pressKeyWithModifier( 'ctrl', '`' );
 
 		await page.keyboard.press( 'Tab' );
 

package/specs/editor/various/block-deletion.test.js

@@ -156,10 +156,10 @@ describe( 'deleting all blocks', () => {
 		await page.keyboard.type( 'Paragraph' );
 		await clickOnBlockSettingsMenuRemoveBlockButton();
 
-		// There is a default block:
+		// There is a default block and post title:
 		expect(
 			await page.$$( '.block-editor-block-list__block' )
-		).toHaveLength( 1 );
+		).toHaveLength( 2 );
 
 		// But the effective saved content is still empty:
 		expect( await getEditedPostContent() ).toBe( '' );

package/specs/editor/various/block-grouping.test.js

@@ -163,7 +163,7 @@ describe( 'Block Grouping', () => {
 			await insertBlock( 'Image' );
 			await clickBlockToolbarButton( 'Align' );
 			const fullButton = await page.waitForXPath(
-				`//button[contains(@class,'components-dropdown-menu__menu-item') and contains(text(), 'Full width')]`
+				`//button[contains(@class,'components-dropdown-menu__menu-item')]//span[contains(text(), 'Full width')]`
 			);
 			await fullButton.evaluate( ( element ) =>
 				element.scrollIntoView()
@@ -174,7 +174,7 @@ describe( 'Block Grouping', () => {
 			await insertBlock( 'Image' );
 			await clickBlockToolbarButton( 'Align' );
 			const wideButton = await page.waitForXPath(
-				`//button[contains(@class,'components-dropdown-menu__menu-item') and contains(text(), 'Wide width')]`
+				`//button[contains(@class,'components-dropdown-menu__menu-item')]//span[contains(text(), 'Wide width')]`
 			);
 			await wideButton.evaluate( ( element ) =>
 				element.scrollIntoView()

package/specs/editor/various/block-mover.test.js

@@ -16,7 +16,7 @@ describe( 'block mover', () => {
 		await page.keyboard.type( 'Second Paragraph' );
 
 		// Select a block so the block mover is rendered.
-		await page.focus( '.block-editor-block-list__block' );
+		await page.focus( '[data-type="core/paragraph"]' );
 
 		await showBlockToolbar();
 

package/specs/editor/various/change-detection.test.js

@@ -331,7 +331,8 @@ describe( 'Change detection', () => {
 		// Verify that the title is empty.
 		const title = await page.$eval(
 			'.editor-post-title__input',
-			( element ) => element.innerHTML
+			// Trim padding non-breaking space
+			( element ) => element.textContent.trim()
 		);
 		expect( title ).toBe( '' );
 

package/specs/editor/various/copy-cut-paste-whole-blocks.test.js

@@ -92,4 +92,96 @@ describe( 'Copy/cut/paste of whole blocks', () => {
 		await pressKeyWithModifier( 'primary', 'v' );
 		expect( await getEditedPostContent() ).toMatchSnapshot();
 	} );
+
+	it( 'should handle paste events once', async () => {
+		// Add group block with paragraph
+		await insertBlock( 'Group' );
+		await page.click( '.block-editor-button-block-appender' );
+		await page.click( '.editor-block-list-item-paragraph' );
+		await page.keyboard.type( 'P' );
+		await page.keyboard.press( 'ArrowLeft' );
+		await page.keyboard.press( 'ArrowLeft' );
+		// Cut group
+		await pressKeyWithModifier( 'primary', 'x' );
+		expect( await getEditedPostContent() ).toMatchSnapshot();
+
+		await page.keyboard.press( 'Enter' );
+
+		await page.evaluate( () => {
+			window.e2eTestPasteOnce = [];
+			let oldBlocks = wp.data.select( 'core/block-editor' ).getBlocks();
+			wp.data.subscribe( () => {
+				const blocks = wp.data
+					.select( 'core/block-editor' )
+					.getBlocks();
+				if ( blocks !== oldBlocks ) {
+					window.e2eTestPasteOnce.push(
+						blocks.map( ( { clientId, name } ) => ( {
+							clientId,
+							name,
+						} ) )
+					);
+				}
+				oldBlocks = blocks;
+			} );
+		} );
+
+		// Paste
+		await pressKeyWithModifier( 'primary', 'v' );
+
+		// Blocks should only be modified once, not twice with new clientIds on a single paste action
+		const blocksUpdated = await page.evaluate(
+			() => window.e2eTestPasteOnce
+		);
+
+		expect( blocksUpdated.length ).toEqual( 1 );
+		expect( await getEditedPostContent() ).toMatchSnapshot();
+	} );
+
+	it( 'can copy group onto non textual element (image, spacer)', async () => {
+		// Add group block with paragraph
+		await insertBlock( 'Group' );
+		await page.click( '.block-editor-button-block-appender' );
+		await page.click( '.editor-block-list-item-paragraph' );
+		await page.keyboard.type( 'P' );
+		await page.keyboard.press( 'ArrowLeft' );
+		await page.keyboard.press( 'ArrowLeft' );
+		// Cut group
+		await pressKeyWithModifier( 'primary', 'x' );
+		expect( await getEditedPostContent() ).toMatchSnapshot();
+
+		await page.keyboard.press( 'Enter' );
+
+		// Insert a non textual element (a spacer)
+		await insertBlock( 'Spacer' );
+		// Spacer is focused
+		await page.evaluate( () => {
+			window.e2eTestPasteOnce = [];
+			let oldBlocks = wp.data.select( 'core/block-editor' ).getBlocks();
+			wp.data.subscribe( () => {
+				const blocks = wp.data
+					.select( 'core/block-editor' )
+					.getBlocks();
+				if ( blocks !== oldBlocks ) {
+					window.e2eTestPasteOnce.push(
+						blocks.map( ( { clientId, name } ) => ( {
+							clientId,
+							name,
+						} ) )
+					);
+				}
+				oldBlocks = blocks;
+			} );
+		} );
+
+		await pressKeyWithModifier( 'primary', 'v' );
+
+		// Paste should be handled on non-textual elements and only handled once.
+		const blocksUpdated = await page.evaluate(
+			() => window.e2eTestPasteOnce
+		);
+
+		expect( blocksUpdated.length ).toEqual( 1 );
+		expect( await getEditedPostContent() ).toMatchSnapshot();
+	} );
 } );

package/specs/editor/various/embedding.test.js

@@ -17,7 +17,7 @@ import {
 const MOCK_EMBED_WORDPRESS_SUCCESS_RESPONSE = {
 	url: 'https://wordpress.org/gutenberg/handbook/block-api/attributes/',
 	html:
-		'<div class="wp-embedded-content" data-secret="shhhh it is a secret">WordPress embed</div>',
+		'<div class="wp-embedded-content" data-secret="shhhh it is a secret"></div>',
 	type: 'rich',
 	provider_name: 'WordPress',
 	provider_url: 'https://wordpress.org',

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

@@ -11,6 +11,7 @@ import {
 	searchForBlock,
 	setBrowserViewport,
 	showBlockToolbar,
+	pressKeyWithModifier,
 } from '@wordpress/e2e-test-utils';
 
 /** @typedef {import('puppeteer').ElementHandle} ElementHandle */
@@ -354,6 +355,28 @@ describe( 'Inserting blocks', () => {
 		expect( await getEditedPostContent() ).toMatchSnapshot();
 	} );
 
+	it( 'passes the search value in the main inserter when clicking `Browse all`', async () => {
+		const INSERTER_SEARCH_SELECTOR =
+			'.block-editor-inserter__search input,.block-editor-inserter__search-input,input.block-editor-inserter__search';
+		await insertBlock( 'Group' );
+		await insertBlock( 'Paragraph' );
+		await page.keyboard.type( 'Text' );
+		await page.click( '[data-type="core/group"] [aria-label="Add block"]' );
+		await page.waitForSelector( INSERTER_SEARCH_SELECTOR );
+		await page.focus( INSERTER_SEARCH_SELECTOR );
+		await pressKeyWithModifier( 'primary', 'a' );
+		const searchTerm = 'Heading';
+		await page.keyboard.type( searchTerm );
+		const browseAll = await page.waitForXPath(
+			'//button[text()="Browse all"]'
+		);
+		await browseAll.click();
+		const availableBlocks = await page.$$(
+			'.block-editor-block-types-list__list-item'
+		);
+		expect( availableBlocks ).toHaveLength( 1 );
+	} );
+
 	// Check for regression of https://github.com/WordPress/gutenberg/issues/27586
 	it( 'closes the main inserter after inserting a single-use block, like the More block', async () => {
 		await insertBlock( 'More' );