@wordpress/e2e-tests 4.3.0 → 4.6.0

package/specs/experiments/navigation-editor.test.js

@@ -681,17 +681,15 @@ describe.skip( 'Navigation editor', () => {
 
 			// Get the title/label of the last Nav item inside the Nav block.
 			const lastItemAttributes = await page.evaluate( () => {
-				const { getBlockOrder, getBlocks } = wp.data.select(
-					'core/block-editor'
-				);
+				const { getBlockOrder, getBlocks } =
+					wp.data.select( 'core/block-editor' );
 
 				const lockedNavigationBlock = getBlockOrder()[ 0 ];
 
 				const navItemBlocks = getBlocks( lockedNavigationBlock );
 
-				const { attributes } = navItemBlocks[
-					navItemBlocks.length - 1
-				];
+				const { attributes } =
+					navItemBlocks[ navItemBlocks.length - 1 ];
 
 				return attributes;
 			} );

package/specs/performance/post-editor.test.js

@@ -3,7 +3,6 @@
  */
 import { basename, join } from 'path';
 import { writeFileSync } from 'fs';
-import { sum } from 'lodash';
 
 /**
  * WordPress dependencies
@@ -136,11 +135,8 @@ describe( 'Post Editor Performance', () => {
 		}
 		await page.tracing.stop();
 		traceResults = JSON.parse( readFile( traceFile ) );
-		const [
-			keyDownEvents,
-			keyPressEvents,
-			keyUpEvents,
-		] = getTypingEventDurations( traceResults );
+		const [ keyDownEvents, keyPressEvents, keyUpEvents ] =
+			getTypingEventDurations( traceResults );
 		if (
 			keyDownEvents.length === keyPressEvents.length &&
 			keyPressEvents.length === keyUpEvents.length
@@ -226,6 +222,10 @@ describe( 'Post Editor Performance', () => {
 	} );
 
 	it( 'Searching the inserter', async () => {
+		function sum( arr ) {
+			return arr.reduce( ( a, b ) => a + b, 0 );
+		}
+
 		// Measure time to search the inserter and get results.
 		await openGlobalBlockInserter();
 		for ( let j = 0; j < 10; j++ ) {
@@ -240,11 +240,8 @@ describe( 'Post Editor Performance', () => {
 			await page.keyboard.type( 'p' );
 			await page.tracing.stop();
 			traceResults = JSON.parse( readFile( traceFile ) );
-			const [
-				keyDownEvents,
-				keyPressEvents,
-				keyUpEvents,
-			] = getTypingEventDurations( traceResults );
+			const [ keyDownEvents, keyPressEvents, keyUpEvents ] =
+				getTypingEventDurations( traceResults );
 			if (
 				keyDownEvents.length === keyPressEvents.length &&
 				keyPressEvents.length === keyUpEvents.length
@@ -284,9 +281,8 @@ describe( 'Post Editor Performance', () => {
 			await page.tracing.stop();
 
 			traceResults = JSON.parse( readFile( traceFile ) );
-			const [ mouseOverEvents, mouseOutEvents ] = getHoverEventDurations(
-				traceResults
-			);
+			const [ mouseOverEvents, mouseOutEvents ] =
+				getHoverEventDurations( traceResults );
 			for ( let k = 0; k < mouseOverEvents.length; k++ ) {
 				results.inserterHover.push(
 					mouseOverEvents[ k ] + mouseOutEvents[ k ]

package/specs/performance/site-editor.test.js

@@ -130,11 +130,8 @@ describe( 'Site Editor Performance', () => {
 		}
 		await page.tracing.stop();
 		const traceResults = JSON.parse( readFile( traceFile ) );
-		const [
-			keyDownEvents,
-			keyPressEvents,
-			keyUpEvents,
-		] = getTypingEventDurations( traceResults );
+		const [ keyDownEvents, keyPressEvents, keyUpEvents ] =
+			getTypingEventDurations( traceResults );
 
 		for ( let j = 0; j < keyDownEvents.length; j++ ) {
 			results.type.push(

package/specs/widgets/editing-widgets.test.js

@@ -113,7 +113,8 @@ describe( 'Widgets screen', () => {
 		const insertionPointIndicator = await page.$(
 			'.block-editor-block-list__insertion-point-indicator'
 		);
-		const insertionPointIndicatorBoundingBox = await insertionPointIndicator.boundingBox();
+		const insertionPointIndicatorBoundingBox =
+			await insertionPointIndicator.boundingBox();
 
 		expect(
 			insertionPointIndicatorBoundingBox.y > lastBlockBoundingBox.y
@@ -298,7 +299,8 @@ describe( 'Widgets screen', () => {
 			firstParagraphBlock
 		);
 
-		const secondParagraphBlockBoundingBox = await secondParagraphBlock.boundingBox();
+		const secondParagraphBlockBoundingBox =
+			await secondParagraphBlock.boundingBox();
 
 		// Click outside the block to move the focus back to the widget area.
 		await page.mouse.click(
@@ -560,16 +562,18 @@ describe( 'Widgets screen', () => {
 			{},
 			firstParagraphBlock
 		);
-		const duplicatedParagraphBlock = await firstParagraphBlock.evaluateHandle(
-			( paragraph ) => paragraph.nextSibling
-		);
+		const duplicatedParagraphBlock =
+			await firstParagraphBlock.evaluateHandle(
+				( paragraph ) => paragraph.nextSibling
+			);
 
 		const firstParagraphBlockClientId = await firstParagraphBlock.evaluate(
 			( node ) => node.dataset.block
 		);
-		const duplicatedParagraphBlockClientId = await duplicatedParagraphBlock.evaluate(
-			( node ) => node.dataset.block
-		);
+		const duplicatedParagraphBlockClientId =
+			await duplicatedParagraphBlock.evaluate(
+				( node ) => node.dataset.block
+			);
 
 		expect( firstParagraphBlockClientId ).not.toBe(
 			duplicatedParagraphBlockClientId

package/specs/editor/blocks/__snapshots__/buttons.test.js.snap

@@ -1,33 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Buttons can jump to the link editor using the keyboard shortcut 1`] = `
-"<!-- wp:buttons -->
-<div class=\\"wp-block-buttons\\"><!-- wp:button -->
-<div class=\\"wp-block-button\\"><a class=\\"wp-block-button__link\\" href=\\"https://www.wordpress.org/\\">WordPress</a></div>
-<!-- /wp:button --></div>
-<!-- /wp:buttons -->"
-`;
-
-exports[`Buttons dismisses link editor when escape is pressed 1`] = `
-"<!-- wp:buttons -->
-<div class=\\"wp-block-buttons\\"><!-- wp:button -->
-<div class=\\"wp-block-button\\"><a class=\\"wp-block-button__link\\">WordPress</a></div>
-<!-- /wp:button --></div>
-<!-- /wp:buttons -->"
-`;
-
-exports[`Buttons has focus on button content (slash inserter) 1`] = `
-"<!-- wp:buttons -->
-<div class=\\"wp-block-buttons\\"><!-- wp:button -->
-<div class=\\"wp-block-button\\"><a class=\\"wp-block-button__link\\">Content</a></div>
-<!-- /wp:button --></div>
-<!-- /wp:buttons -->"
-`;
-
-exports[`Buttons has focus on button content 1`] = `
-"<!-- wp:buttons -->
-<div class=\\"wp-block-buttons\\"><!-- wp:button -->
-<div class=\\"wp-block-button\\"><a class=\\"wp-block-button__link\\">Content</a></div>
-<!-- /wp:button --></div>
-<!-- /wp:buttons -->"
-`;

package/specs/editor/blocks/__snapshots__/code.test.js.snap

@@ -1,14 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Code can be created by three backticks and enter 1`] = `
-"<!-- wp:code -->
-<pre class=\\"wp-block-code\\"><code>&lt;?php</code></pre>
-<!-- /wp:code -->"
-`;
-
-exports[`Code should paste plain text 1`] = `
-"<!-- wp:code -->
-<pre class=\\"wp-block-code\\"><code>&lt;img />
-	&lt;br></code></pre>
-<!-- /wp:code -->"
-`;

package/specs/editor/blocks/__snapshots__/html.test.js.snap

@@ -1,8 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`HTML block can be created by typing "/html" 1`] = `
-"<!-- wp:html -->
-<p>Pythagorean theorem: 
-<var>a</var><sup>2</sup> + <var>b</var><sup>2</sup> = <var>c</var><sup>2</sup> </p>
-<!-- /wp:html -->"
-`;

package/specs/editor/blocks/__snapshots__/preformatted.test.js.snap

@@ -1,24 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Preformatted should preserve character newlines 1`] = `
-"<!-- wp:html -->
-<pre>1
-2</pre>
-<!-- /wp:html -->"
-`;
-
-exports[`Preformatted should preserve character newlines 2`] = `
-"<!-- wp:preformatted -->
-<pre class=\\"wp-block-preformatted\\">0
-1
-2</pre>
-<!-- /wp:preformatted -->"
-`;
-
-exports[`Preformatted should preserve white space when merging 1`] = `
-"<!-- wp:preformatted -->
-<pre class=\\"wp-block-preformatted\\">1
-2
-3</pre>
-<!-- /wp:preformatted -->"
-`;

package/specs/editor/blocks/__snapshots__/separator.test.js.snap

@@ -1,7 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Separator can be created by three dashes and enter 1`] = `
-"<!-- wp:separator -->
-<hr class=\\"wp-block-separator has-alpha-channel-opacity\\"/>
-<!-- /wp:separator -->"
-`;

package/specs/editor/blocks/__snapshots__/spacer.test.js.snap

@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Spacer can be created by typing "/spacer" 1`] = `
-"<!-- wp:spacer -->
-<div style=\\"height:100px\\" aria-hidden=\\"true\\" class=\\"wp-block-spacer\\"></div>
-<!-- /wp:spacer -->"
-`;
-
-exports[`Spacer can be resized using the drag handle and remains selected after being dragged 1`] = `
-"<!-- wp:spacer {\\"height\\":\\"150px\\"} -->
-<div style=\\"height:150px\\" aria-hidden=\\"true\\" class=\\"wp-block-spacer\\"></div>
-<!-- /wp:spacer -->"
-`;

package/specs/editor/blocks/__snapshots__/table.test.js.snap

@@ -1,61 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Table allows a caption to be added 1`] = `
-"<!-- wp:table -->
-<figure class=\\"wp-block-table\\"><table><tbody><tr><td></td><td></td></tr><tr><td></td><td></td></tr></tbody></table><figcaption>Caption!</figcaption></figure>
-<!-- /wp:table -->"
-`;
-
-exports[`Table allows adding and deleting columns across the table header, body and footer 1`] = `
-"<!-- wp:table -->
-<figure class=\\"wp-block-table\\"><table><thead><tr><th></th><th></th><th></th></tr></thead><tbody><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></tbody><tfoot><tr><td></td><td></td><td></td></tr></tfoot></table></figure>
-<!-- /wp:table -->"
-`;
-
-exports[`Table allows adding and deleting columns across the table header, body and footer 2`] = `
-"<!-- wp:table -->
-<figure class=\\"wp-block-table\\"><table><thead><tr><th></th><th></th></tr></thead><tbody><tr><td></td><td></td></tr><tr><td></td><td></td></tr></tbody><tfoot><tr><td></td><td></td></tr></tfoot></table></figure>
-<!-- /wp:table -->"
-`;
-
-exports[`Table allows cells to be selected when the cell area outside of the RichText is clicked 1`] = `
-"<!-- wp:table {\\"hasFixedLayout\\":true} -->
-<figure class=\\"wp-block-table\\"><table class=\\"has-fixed-layout\\"><tbody><tr><td><br><br><br><br></td><td>Second cell.</td></tr><tr><td></td><td></td></tr></tbody></table></figure>
-<!-- /wp:table -->"
-`;
-
-exports[`Table allows columns to be aligned 1`] = `
-"<!-- wp:table -->
-<figure class=\\"wp-block-table\\"><table><tbody><tr><td>None</td><td class=\\"has-text-align-left\\" data-align=\\"left\\">To the left</td><td class=\\"has-text-align-center\\" data-align=\\"center\\">Centered</td><td class=\\"has-text-align-right\\" data-align=\\"right\\">Right aligned</td></tr><tr><td></td><td class=\\"has-text-align-left\\" data-align=\\"left\\"></td><td class=\\"has-text-align-center\\" data-align=\\"center\\"></td><td class=\\"has-text-align-right\\" data-align=\\"right\\"></td></tr></tbody></table></figure>
-<!-- /wp:table -->"
-`;
-
-exports[`Table allows header and footer rows to be switched on and off 1`] = `
-"<!-- wp:table -->
-<figure class=\\"wp-block-table\\"><table><thead><tr><th>header</th><th></th></tr></thead><tbody><tr><td>body</td><td></td></tr><tr><td></td><td></td></tr></tbody><tfoot><tr><td>footer</td><td></td></tr></tfoot></table></figure>
-<!-- /wp:table -->"
-`;
-
-exports[`Table allows header and footer rows to be switched on and off 2`] = `
-"<!-- wp:table -->
-<figure class=\\"wp-block-table\\"><table><tbody><tr><td>body</td><td></td></tr><tr><td></td><td></td></tr></tbody></table></figure>
-<!-- /wp:table -->"
-`;
-
-exports[`Table allows text to by typed into cells 1`] = `
-"<!-- wp:table -->
-<figure class=\\"wp-block-table\\"><table><tbody><tr><td>This</td><td>is</td></tr><tr><td>table</td><td>block</td></tr></tbody></table></figure>
-<!-- /wp:table -->"
-`;
-
-exports[`Table displays a form for choosing the row and column count of the table 1`] = `
-"<!-- wp:table -->
-<figure class=\\"wp-block-table\\"><table><tbody><tr><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td></tr></tbody></table></figure>
-<!-- /wp:table -->"
-`;
-
-exports[`Table up and down arrow navigation 1`] = `
-"<!-- wp:table -->
-<figure class=\\"wp-block-table\\"><table><tbody><tr><td>1</td><td>4</td></tr><tr><td>2</td><td>3</td></tr></tbody></table></figure>
-<!-- /wp:table -->"
-`;

package/specs/editor/blocks/buttons.test.js

@@ -1,95 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	insertBlock,
-	getEditedPostContent,
-	createNewPost,
-	pressKeyWithModifier,
-	clickBlockAppender,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Buttons', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'has focus on button content', async () => {
-		await insertBlock( 'Buttons' );
-		await page.keyboard.type( 'Content' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'has focus on button content (slash inserter)', async () => {
-		await clickBlockAppender();
-		await page.keyboard.type( '/buttons' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( 'Content' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'dismisses link editor when escape is pressed', async () => {
-		// Regression: https://github.com/WordPress/gutenberg/pull/19885
-		await insertBlock( 'Buttons' );
-		await pressKeyWithModifier( 'primary', 'k' );
-		await page.waitForFunction(
-			() => !! document.activeElement.closest( '.block-editor-url-input' )
-		);
-		await page.keyboard.press( 'Escape' );
-		await page.waitForFunction(
-			() =>
-				document.activeElement ===
-				document.querySelector( '.block-editor-rich-text__editable' )
-		);
-		await page.keyboard.type( 'WordPress' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'moves focus from the link editor back to the button when escape is pressed after the URL has been submitted', async () => {
-		// Regression: https://github.com/WordPress/gutenberg/issues/34307
-		await insertBlock( 'Buttons' );
-		await pressKeyWithModifier( 'primary', 'k' );
-		await page.waitForFunction(
-			() => !! document.activeElement.closest( '.block-editor-url-input' )
-		);
-		await page.keyboard.type( 'https://example.com' );
-		await page.keyboard.press( 'Enter' );
-		await page.waitForFunction(
-			() =>
-				document.activeElement ===
-				document.querySelector(
-					'.block-editor-link-control a[href="https://example.com"]'
-				)
-		);
-		await page.keyboard.press( 'Escape' );
-
-		// Focus should move from the link control to the button block's text.
-		await page.waitForFunction(
-			() =>
-				document.activeElement ===
-				document.querySelector( '[aria-label="Button text"]' )
-		);
-
-		// The link control should still be visible when a URL is set.
-		const linkControl = await page.$( '.block-editor-link-control' );
-		expect( linkControl ).toBeTruthy();
-	} );
-
-	it( 'can jump to the link editor using the keyboard shortcut', async () => {
-		await insertBlock( 'Buttons' );
-		await page.keyboard.type( 'WordPress' );
-		await pressKeyWithModifier( 'primary', 'k' );
-		await page.keyboard.type( 'https://www.wordpress.org/' );
-		await page.keyboard.press( 'Enter' );
-		// Make sure that the dialog is still opened, and that focus is retained
-		// within (focusing on the link preview).
-		await page.waitForSelector(
-			':focus.block-editor-link-control__search-item-title'
-		);
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-} );

package/specs/editor/blocks/code.test.js

@@ -1,48 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	insertBlock,
-	clickBlockAppender,
-	getEditedPostContent,
-	createNewPost,
-	setClipboardData,
-	pressKeyWithModifier,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Code', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'can be created by three backticks and enter', async () => {
-		await clickBlockAppender();
-		await page.keyboard.type( '```' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( '<?php' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should delete block when backspace in an empty code', async () => {
-		await insertBlock( 'Code' );
-		await page.keyboard.type( 'a' );
-
-		await page.keyboard.press( 'Backspace' );
-		await page.keyboard.press( 'Backspace' );
-
-		// Expect code block to be deleted.
-		expect( await getEditedPostContent() ).toBe( '' );
-	} );
-
-	it( 'should paste plain text', async () => {
-		await insertBlock( 'Code' );
-
-		// Test to see if HTML and white space is kept.
-		await setClipboardData( { plainText: '<img />\n\t<br>' } );
-
-		await pressKeyWithModifier( 'primary', 'v' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-} );

package/specs/editor/blocks/html.test.js

@@ -1,31 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	clickBlockAppender,
-	getEditedPostContent,
-	createNewPost,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'HTML block', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'can be created by typing "/html"', async () => {
-		// Create a Custom HTML block with the slash shortcut.
-		await clickBlockAppender();
-		await page.keyboard.type( '/html' );
-		await page.waitForXPath(
-			`//*[contains(@class, "components-autocomplete__result") and contains(@class, "is-selected") and contains(text(), 'Custom HTML')]`
-		);
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( '<p>Pythagorean theorem: ' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type(
-			'<var>a</var><sup>2</sup> + <var>b</var><sup>2</sup> = <var>c</var><sup>2</sup> </p>'
-		);
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-} );

package/specs/editor/blocks/preformatted.test.js

@@ -1,62 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	clickBlockToolbarButton,
-	clickMenuItem,
-	getEditedPostContent,
-	createNewPost,
-	insertBlock,
-	clickBlockAppender,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Preformatted', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'should preserve character newlines', async () => {
-		await insertBlock( 'Custom HTML' );
-		await page.keyboard.type( '<pre>1' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( '2</pre>' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-
-		await clickBlockToolbarButton( 'Options' );
-		await clickMenuItem( 'Convert to Blocks' );
-		// Once it's edited, it should be saved as BR tags.
-		await page.keyboard.type( '0' );
-		await page.keyboard.press( 'Enter' );
-		await clickBlockToolbarButton( 'Options' );
-		await clickMenuItem( 'Edit as HTML' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should preserve white space when merging', async () => {
-		await insertBlock( 'Preformatted' );
-		await page.keyboard.type( '1' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( '2' );
-		await page.keyboard.press( 'Enter' );
-		await clickBlockAppender();
-		await page.keyboard.type( '3' );
-		await page.keyboard.press( 'ArrowLeft' );
-		await page.keyboard.press( 'Backspace' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should delete block when backspace in an empty preformatted', async () => {
-		await insertBlock( 'Preformatted' );
-
-		await page.keyboard.type( 'a' );
-
-		await page.keyboard.press( 'Backspace' );
-		await page.keyboard.press( 'Backspace' );
-
-		// Expect preformatted block to be deleted.
-		expect( await getEditedPostContent() ).toBe( '' );
-	} );
-} );

package/specs/editor/blocks/separator.test.js

@@ -1,22 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	clickBlockAppender,
-	getEditedPostContent,
-	createNewPost,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Separator', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'can be created by three dashes and enter', async () => {
-		await clickBlockAppender();
-		await page.keyboard.type( '---' );
-		await page.keyboard.press( 'Enter' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-} );

package/specs/editor/blocks/spacer.test.js

@@ -1,48 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	clickBlockAppender,
-	getEditedPostContent,
-	createNewPost,
-	dragAndResize,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Spacer', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'can be created by typing "/spacer"', async () => {
-		// Create a spacer with the slash block shortcut.
-		await clickBlockAppender();
-		await page.keyboard.type( '/spacer' );
-		await page.waitForXPath(
-			`//*[contains(@class, "components-autocomplete__result") and contains(@class, "is-selected") and contains(text(), 'Spacer')]`
-		);
-		await page.keyboard.press( 'Enter' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'can be resized using the drag handle and remains selected after being dragged', async () => {
-		// Create a spacer with the slash block shortcut.
-		await clickBlockAppender();
-		await page.keyboard.type( '/spacer' );
-		await page.waitForXPath(
-			`//*[contains(@class, "components-autocomplete__result") and contains(@class, "is-selected") and contains(text(), 'Spacer')]`
-		);
-		await page.keyboard.press( 'Enter' );
-
-		const resizableHandle = await page.$(
-			'.block-library-spacer__resize-container .components-resizable-box__handle'
-		);
-		await dragAndResize( resizableHandle, { x: 0, y: 50 } );
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-
-		const selectedSpacer = await page.$(
-			'[data-type="core/spacer"].is-selected'
-		);
-		expect( selectedSpacer ).not.toBe( null );
-	} );
-} );