@wordpress/e2e-tests 7.2.0 → 7.4.0

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+## 7.4.0 (2023-05-10)
+
+## 7.3.0 (2023-04-26)
+
 ## 7.2.0 (2023-04-12)
 
 ## 7.1.0 (2023-03-29)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/e2e-tests",
-	"version": "7.2.0",
+	"version": "7.4.0",
 	"description": "End-To-End (E2E) tests for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -23,11 +23,11 @@
 		"node": ">=14"
 	},
 	"dependencies": {
-		"@wordpress/e2e-test-utils": "^10.2.0",
-		"@wordpress/jest-console": "^7.2.0",
-		"@wordpress/jest-puppeteer-axe": "^6.2.0",
-		"@wordpress/scripts": "^26.2.0",
-		"@wordpress/url": "^3.32.0",
+		"@wordpress/e2e-test-utils": "^10.4.0",
+		"@wordpress/jest-console": "^7.4.0",
+		"@wordpress/jest-puppeteer-axe": "^6.4.0",
+		"@wordpress/scripts": "^26.4.0",
+		"@wordpress/url": "^3.34.0",
 		"chalk": "^4.0.0",
 		"expect-puppeteer": "^4.4.0",
 		"filenamify": "^4.2.0",
@@ -45,5 +45,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "d61700b9f1c72ba0b030fc815ef1685b4f4031ec"
+	"gitHead": "e936127e1e13881f1a940b7bd1593a9e500147f3"
 }

package/plugins/iframed-enqueue-block-assets/style.css

@@ -0,0 +1,9 @@
+/**
+ * The following styles get applied both on the front of your site and in the
+ * editor.
+ */
+body {
+	background-color: rgb(33, 117, 155) !important;
+	color: #fff !important;
+	padding: 2px !important;
+}

package/plugins/iframed-enqueue-block-assets.php

@@ -0,0 +1,21 @@
+<?php
+/**
+ * Plugin Name: Gutenberg Test Iframed enqueue_block_assets
+ * Plugin URI: https://github.com/WordPress/gutenberg
+ * Author: Gutenberg Team
+ *
+ * @package gutenberg-test-iframed-iframed-enqueue-block-assets
+ */
+
+add_action(
+	'enqueue_block_assets',
+	function() {
+		wp_enqueue_style(
+			'iframed-enqueue-block-assets',
+			plugin_dir_url( __FILE__ ) . 'iframed-enqueue-block-assets/style.css',
+			array(),
+			filemtime( plugin_dir_path( __FILE__ ) . 'iframed-enqueue-block-assets/style.css' )
+		);
+		wp_add_inline_style( 'iframed-enqueue-block-assets', 'body{padding:20px!important}' );
+	}
+);

package/plugins/plugins-api/annotations-sidebar.js

@@ -94,7 +94,7 @@
 				PluginSidebar,
 				{
 					name: 'annotations-sidebar',
-					title: __( 'Annotations Sidebar' ),
+					title: __( 'Annotations' ),
 				},
 				el( SidebarContents, {} )
 			),
@@ -103,7 +103,7 @@
 				{
 					target: 'annotations-sidebar',
 				},
-				__( 'Annotations Sidebar' )
+				__( 'Annotations' )
 			)
 		);
 	}

package/plugins/plugins-api/sidebar.js

@@ -70,7 +70,7 @@
 				PluginSidebar,
 				{
 					name: 'title-sidebar',
-					title: __( 'Plugin sidebar title' ),
+					title: __( 'Plugin title' ),
 				},
 				el( SidebarContents, {} )
 			),
@@ -79,7 +79,7 @@
 				{
 					target: 'title-sidebar',
 				},
-				__( 'Plugin sidebar more menu title' )
+				__( 'Plugin more menu title' )
 			)
 		);
 	}

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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="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 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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="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 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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="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 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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="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/annotations.test.js

@@ -100,7 +100,7 @@ describe( 'Annotations', () => {
 	it( 'allows a block to be annotated', async () => {
 		await page.keyboard.type( 'Title' + '\n' + 'Paragraph to annotate' );
 
-		await clickOnMoreMenuItem( 'Annotations Sidebar' );
+		await clickOnMoreMenuItem( 'Annotations' );
 
 		let annotations = await page.$$( ANNOTATIONS_SELECTOR );
 		expect( annotations ).toHaveLength( 0 );
@@ -128,7 +128,7 @@ describe( 'Annotations', () => {
 
 	it( 'keeps the cursor in the same location when applying annotation', async () => {
 		await page.keyboard.type( 'Title' + '\n' + 'ABC' );
-		await clickOnMoreMenuItem( 'Annotations Sidebar' );
+		await clickOnMoreMenuItem( 'Annotations' );
 
 		await annotateFirstBlock( 1, 2 );
 
@@ -146,7 +146,7 @@ describe( 'Annotations', () => {
 
 	it( 'moves when typing before it', async () => {
 		await page.keyboard.type( 'Title' + '\n' + 'ABC' );
-		await clickOnMoreMenuItem( 'Annotations Sidebar' );
+		await clickOnMoreMenuItem( 'Annotations' );
 
 		await annotateFirstBlock( 1, 2 );
 
@@ -168,7 +168,7 @@ describe( 'Annotations', () => {
 
 	it( 'grows when typing inside it', async () => {
 		await page.keyboard.type( 'Title' + '\n' + 'ABC' );
-		await clickOnMoreMenuItem( 'Annotations Sidebar' );
+		await clickOnMoreMenuItem( 'Annotations' );
 
 		await annotateFirstBlock( 1, 2 );
 

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

@@ -0,0 +1,44 @@
+/**
+ * WordPress dependencies
+ */
+import {
+	activatePlugin,
+	createNewPost,
+	deactivatePlugin,
+	canvas,
+	activateTheme,
+} from '@wordpress/e2e-test-utils';
+
+async function getComputedStyle( context, selector, property ) {
+	return await context.evaluate(
+		( sel, prop ) =>
+			window.getComputedStyle( document.querySelector( sel ) )[ prop ],
+		selector,
+		property
+	);
+}
+
+describe( 'iframed inline styles', () => {
+	beforeEach( async () => {
+		// Activate the empty theme (block based theme), which is iframed.
+		await activateTheme( 'emptytheme' );
+		await activatePlugin( 'gutenberg-test-iframed-enqueue_block_assets' );
+		await createNewPost();
+	} );
+
+	afterEach( async () => {
+		await deactivatePlugin( 'gutenberg-test-iframed-enqueue_block_assets' );
+		await activateTheme( 'twentytwentyone' );
+	} );
+
+	it( 'should load styles added through enqueue_block_assets', async () => {
+		// Check stylesheet.
+		expect(
+			await getComputedStyle( canvas(), 'body', 'background-color' )
+		).toBe( 'rgb(33, 117, 155)' );
+		// Check inline style.
+		expect( await getComputedStyle( canvas(), 'body', 'padding' ) ).toBe(
+			'20px'
+		);
+	} );
+} );

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

@@ -32,7 +32,7 @@ describe( 'iframed inline styles', () => {
 	} );
 
 	// Skip flaky test. See https://github.com/WordPress/gutenberg/issues/35172
-	it( 'should load inline styles in iframe', async () => {
+	it.skip( 'should load inline styles in iframe', async () => {
 		await insertBlock( 'Iframed Inline Styles' );
 
 		expect( await getEditedPostContent() ).toMatchSnapshot();

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

@@ -69,10 +69,10 @@ describe( 'Using Plugins API', () => {
 
 	describe( 'Sidebar', () => {
 		const SIDEBAR_PINNED_ITEM_BUTTON =
-			'.interface-pinned-items button[aria-label="Plugin sidebar title"]';
+			'.interface-pinned-items button[aria-label="Plugin title"]';
 		const SIDEBAR_PANEL_SELECTOR = '.sidebar-title-plugin-panel';
 		it( 'Should open plugins sidebar using More Menu item and render content', async () => {
-			await clickOnMoreMenuItem( 'Plugin sidebar more menu title' );
+			await clickOnMoreMenuItem( 'Plugin more menu title' );
 
 			const pluginSidebarContent = await page.$eval(
 				'.edit-post-sidebar',
@@ -105,7 +105,7 @@ describe( 'Using Plugins API', () => {
 			await page.reload();
 			await page.waitForSelector( '.edit-post-layout' );
 			expect( await page.$( SIDEBAR_PINNED_ITEM_BUTTON ) ).toBeNull();
-			await clickOnMoreMenuItem( 'Plugin sidebar more menu title' );
+			await clickOnMoreMenuItem( 'Plugin more menu title' );
 			await page.click( 'button[aria-label="Pin to toolbar"]' );
 			expect( await page.$( SIDEBAR_PINNED_ITEM_BUTTON ) ).not.toBeNull();
 			await page.reload();
@@ -114,12 +114,12 @@ describe( 'Using Plugins API', () => {
 		} );
 
 		it( 'Should close plugins sidebar using More Menu item', async () => {
-			await clickOnMoreMenuItem( 'Plugin sidebar more menu title' );
+			await clickOnMoreMenuItem( 'Plugin more menu title' );
 
 			const pluginSidebarOpened = await page.$( '.edit-post-sidebar' );
 			expect( pluginSidebarOpened ).not.toBeNull();
 
-			await clickOnMoreMenuItem( 'Plugin sidebar more menu title' );
+			await clickOnMoreMenuItem( 'Plugin more menu title' );
 
 			const pluginSidebarClosed = await page.$( '.edit-post-sidebar' );
 			expect( pluginSidebarClosed ).toBeNull();
@@ -135,7 +135,7 @@ describe( 'Using Plugins API', () => {
 			} );
 
 			it( 'Should open plugins sidebar using More Menu item and render content', async () => {
-				await clickOnMoreMenuItem( 'Plugin sidebar more menu title' );
+				await clickOnMoreMenuItem( 'Plugin more menu title' );
 
 				const pluginSidebarContent = await page.$eval(
 					'.edit-post-sidebar',

package/specs/editor/various/navigable-toolbar.test.js

@@ -11,38 +11,12 @@ async function isInBlockToolbar() {
 	} );
 }
 
-describe.each( [
-	[ 'unified', true ],
-	[ 'contextual', false ],
-] )( 'block toolbar (%s: %p)', ( label, isUnifiedToolbar ) => {
+describe( 'Block Toolbar', () => {
 	beforeEach( async () => {
 		await createNewPost();
-
-		await page.evaluate( ( _isUnifiedToolbar ) => {
-			const { select, dispatch } = wp.data;
-			const isCurrentlyUnified =
-				select( 'core/edit-post' ).isFeatureActive( 'fixedToolbar' );
-			if ( isCurrentlyUnified !== _isUnifiedToolbar ) {
-				dispatch( 'core/edit-post' ).toggleFeature( 'fixedToolbar' );
-			}
-		}, isUnifiedToolbar );
 	} );
 
-	it( 'navigates in and out of toolbar by keyboard (Alt+F10, Escape)', async () => {
-		// Assumes new post focus starts in title. Create first new
-		// block by Enter.
-		await page.keyboard.press( 'Enter' );
-
-		// [TEMPORARY]: A new paragraph is not technically a block yet
-		// until starting to type within it.
-		await page.keyboard.type( 'Example' );
-
-		// Upward.
-		await pressKeyWithModifier( 'alt', 'F10' );
-		expect( await isInBlockToolbar() ).toBe( true );
-	} );
-
-	if ( ! isUnifiedToolbar ) {
+	describe( 'Contextual Toolbar', () => {
 		it( 'should not scroll page', async () => {
 			while (
 				await page.evaluate( () => {
@@ -74,5 +48,57 @@ describe.each( [
 
 			expect( scrollTopBefore ).toBe( scrollTopAfter );
 		} );
-	}
+
+		it( 'navigates into the toolbar by keyboard (Alt+F10)', async () => {
+			// Assumes new post focus starts in title. Create first new
+			// block by Enter.
+			await page.keyboard.press( 'Enter' );
+
+			// [TEMPORARY]: A new paragraph is not technically a block yet
+			// until starting to type within it.
+			await page.keyboard.type( 'Example' );
+
+			// Upward.
+			await pressKeyWithModifier( 'alt', 'F10' );
+
+			expect( await isInBlockToolbar() ).toBe( true );
+		} );
+	} );
+
+	describe( 'Unified Toolbar', () => {
+		beforeEach( async () => {
+			// Enable unified toolbar
+			await page.evaluate( () => {
+				const { select, dispatch } = wp.data;
+				const isCurrentlyUnified =
+					select( 'core/edit-post' ).isFeatureActive(
+						'fixedToolbar'
+					);
+				if ( ! isCurrentlyUnified ) {
+					dispatch( 'core/edit-post' ).toggleFeature(
+						'fixedToolbar'
+					);
+				}
+			} );
+		} );
+
+		it( 'navigates into the toolbar by keyboard (Alt+F10)', async () => {
+			// Assumes new post focus starts in title. Create first new
+			// block by Enter.
+			await page.keyboard.press( 'Enter' );
+
+			// [TEMPORARY]: A new paragraph is not technically a block yet
+			// until starting to type within it.
+			await page.keyboard.type( 'Example' );
+
+			// Upward.
+			await pressKeyWithModifier( 'alt', 'F10' );
+
+			expect(
+				await page.evaluate( () => {
+					return document.activeElement.getAttribute( 'aria-label' );
+				} )
+			).toBe( 'Show document tools' );
+		} );
+	} );
 } );

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

@@ -46,7 +46,7 @@ describe( 'preferences', () => {
 
 		// Dismiss.
 		await page.click(
-			'.edit-post-sidebar__panel-tabs [aria-label="Close settings"]'
+			'.edit-post-sidebar__panel-tabs [aria-label="Close Settings"]'
 		);
 		expect( await getActiveSidebarTabText() ).toBe( null );
 

package/specs/site-editor/multi-entity-saving.test.js

@@ -275,7 +275,7 @@ describe( 'Multi-entity save flow', () => {
 				'//a[contains(@class, "block-editor-list-view-block-select-button")][contains(., "header")]'
 			);
 			headerTemplatePartListViewButton.click();
-			await page.click( 'button[aria-label="Close List View Sidebar"]' );
+			await page.click( 'button[aria-label="Close"]' );
 
 			// Insert something to dirty the editor.
 			await insertBlock( 'Paragraph' );

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

@@ -1,47 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	clickBlockAppender,
-	getEditedPostContent,
-	createNewPost,
-	transformBlockTo,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Quote', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'can be created by converting a quote and converted back to quote', async () => {
-		await clickBlockAppender();
-		await page.keyboard.type( 'test' );
-		await transformBlockTo( 'Quote' );
-
-		expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
-		"<!-- wp:quote -->
-		<blockquote class="wp-block-quote"><!-- wp:paragraph -->
-		<p>test</p>
-		<!-- /wp:paragraph --></blockquote>
-		<!-- /wp:quote -->"
-	` );
-
-		await transformBlockTo( 'Pullquote' );
-
-		expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
-		"<!-- wp:pullquote -->
-		<figure class="wp-block-pullquote"><blockquote><p>test</p></blockquote></figure>
-		<!-- /wp:pullquote -->"
-	` );
-
-		await transformBlockTo( 'Quote' );
-
-		expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
-		"<!-- wp:quote -->
-		<blockquote class="wp-block-quote"><!-- wp:paragraph -->
-		<p>test</p>
-		<!-- /wp:paragraph --></blockquote>
-		<!-- /wp:quote -->"
-	` );
-	} );
-} );

package/specs/editor/plugins/custom-post-types.test.js

@@ -1,81 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	activatePlugin,
-	createNewPost,
-	deactivatePlugin,
-	publishPost,
-	findSidebarPanelWithTitle,
-	clickBlockAppender,
-} from '@wordpress/e2e-test-utils';
-
-const openPageAttributesPanel = async () => {
-	const openButton = await findSidebarPanelWithTitle( 'Page Attributes' );
-
-	// Get the classes from the panel.
-	const buttonClassName = await (
-		await openButton.getProperty( 'className' )
-	 ).jsonValue();
-
-	// Open the panel if needed.
-	if ( -1 === buttonClassName.indexOf( 'is-opened' ) ) {
-		await openButton.click();
-	}
-};
-
-describe( 'Test Custom Post Types', () => {
-	beforeAll( async () => {
-		await activatePlugin( 'gutenberg-test-custom-post-types' );
-	} );
-
-	afterAll( async () => {
-		await deactivatePlugin( 'gutenberg-test-custom-post-types' );
-	} );
-
-	it( 'should be able to create an hierarchical post without title support', async () => {
-		const PARENT_PAGE_INPUT =
-			'.editor-page-attributes__parent input:not([disabled])';
-		const SUGGESTION =
-			'.editor-page-attributes__parent .components-form-token-field__suggestion:first-child';
-
-		// Create a parent post.
-		await createNewPost( { postType: 'hierar-no-title' } );
-		await clickBlockAppender();
-		await page.keyboard.type( 'Parent Post' );
-		await publishPost();
-		// Create a post that is a child of the previously created post.
-		await createNewPost( { postType: 'hierar-no-title' } );
-		await openPageAttributesPanel();
-		await page.waitForSelector( PARENT_PAGE_INPUT );
-		await page.click( PARENT_PAGE_INPUT );
-		await page.waitForSelector( SUGGESTION );
-		const optionToSelect = await page.$( SUGGESTION );
-		const valueToSelect = await page.$eval(
-			SUGGESTION,
-			( element ) => element.textContent
-		);
-		await optionToSelect.click();
-		await clickBlockAppender();
-		await page.keyboard.type( 'Child Post' );
-		await publishPost();
-		// Reload the child post and verify it is still correctly selected as a child post.
-		await page.reload();
-		await page.waitForSelector( PARENT_PAGE_INPUT );
-		// Wait for the list of suggestions to fetch
-		// There should be a better way to do that.
-		await page.waitForFunction(
-			( [ value, inputSelector ] ) =>
-				document.querySelector( inputSelector ).value === value,
-			{},
-			[ valueToSelect, PARENT_PAGE_INPUT ]
-		);
-	} );
-	it( 'should create a cpt with a legacy block in its template without WSOD', async () => {
-		await createNewPost( { postType: 'leg_block_in_tpl' } );
-		await clickBlockAppender();
-		await page.keyboard.type( 'Hello there' );
-		await page.waitForSelector( '[data-type="core/embed"]' );
-		await publishPost();
-	} );
-} );

package/specs/editor/various/__snapshots__/adding-patterns.test.js.snap

@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`adding patterns should insert a block pattern 1`] = `
-"<!-- wp:social-links {"customIconColor":"#ffffff","iconColorValue":"#ffffff","customIconBackgroundColor":"#3962e3","iconBackgroundColorValue":"#3962e3","className":"has-icon-color"} -->
-<ul class="wp-block-social-links has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"https://wordpress.org","service":"wordpress"} /-->
-
-<!-- wp:social-link {"url":"#","service":"chain"} /-->
-
-<!-- wp:social-link {"url":"#","service":"mail"} /--></ul>
-<!-- /wp:social-links -->"
-`;

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

@@ -1,29 +0,0 @@
-// 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 multiple blocks 1`] = `
-"<!-- wp:heading {"fontSize":"large"} -->
-<h2 class="wp-block-heading has-large-font-size">Line 1 to be made large</h2>
-<!-- /wp:heading -->
-
-<!-- wp:heading {"fontSize":"large"} -->
-<h2 class="wp-block-heading has-large-font-size">Line 2 to be made large</h2>
-<!-- /wp:heading -->
-
-<!-- wp:heading {"fontSize":"large"} -->
-<h2 class="wp-block-heading has-large-font-size">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 {"layout":{"type":"constrained"}} -->
-<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/__snapshots__/undo.test.js.snap

@@ -1,31 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`undo should immediately create an undo level on typing 1`] = `
-"<!-- wp:paragraph -->
-<p>1</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`undo should undo typing after a pause 1`] = `
-"<!-- wp:paragraph -->
-<p>before pause after pause</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`undo should undo typing after a pause 2`] = `
-"<!-- wp:paragraph -->
-<p>before pause</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`undo should undo typing after non input change 1`] = `
-"<!-- wp:paragraph -->
-<p>before keyboard <strong>after keyboard</strong></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`undo should undo typing after non input change 2`] = `
-"<!-- wp:paragraph -->
-<p>before keyboard </p>
-<!-- /wp:paragraph -->"
-`;

package/specs/editor/various/adding-patterns.test.js

@@ -1,22 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	createNewPost,
-	insertPattern,
-	getEditedPostContent,
-} from '@wordpress/e2e-test-utils';
-
-/** @typedef {import('puppeteer-core').ElementHandle} ElementHandle */
-
-describe( 'adding patterns', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'should insert a block pattern', async () => {
-		await insertPattern( 'Social links with a shared background color' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-} );

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

@@ -1,64 +0,0 @@
-/**
- * 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 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/undo.test.js

@@ -1,444 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	clickBlockAppender,
-	getEditedPostContent,
-	createNewPost,
-	pressKeyWithModifier,
-	selectBlockByClientId,
-	getAllBlocks,
-	saveDraft,
-	publishPost,
-} from '@wordpress/e2e-test-utils';
-
-const getSelection = async () => {
-	return await page.evaluate( () => {
-		const selectedBlock = document.activeElement.closest( '.wp-block' );
-		const blocks = Array.from( document.querySelectorAll( '.wp-block' ) );
-		const blockIndex = blocks.indexOf( selectedBlock );
-
-		if ( blockIndex === -1 ) {
-			return {};
-		}
-
-		let editables;
-
-		if ( selectedBlock.getAttribute( 'contenteditable' ) ) {
-			editables = [ selectedBlock ];
-		} else {
-			editables = Array.from(
-				selectedBlock.querySelectorAll( '[contenteditable]' )
-			);
-		}
-
-		const editableIndex = editables.indexOf( document.activeElement );
-		const selection = window.getSelection();
-
-		if ( editableIndex === -1 || ! selection.rangeCount ) {
-			return { blockIndex };
-		}
-
-		const range = selection.getRangeAt( 0 );
-		const cloneStart = range.cloneRange();
-		const cloneEnd = range.cloneRange();
-
-		cloneStart.setStart( document.activeElement, 0 );
-		cloneEnd.setStart( document.activeElement, 0 );
-
-		/**
-		 * Zero width non-breaking space, used as padding in the editable DOM
-		 * tree when it is empty otherwise.
-		 */
-		const ZWNBSP = '\ufeff';
-
-		return {
-			blockIndex,
-			editableIndex,
-			startOffset: cloneStart.toString().replace( ZWNBSP, '' ).length,
-			endOffset: cloneEnd.toString().replace( ZWNBSP, '' ).length,
-		};
-	} );
-};
-
-describe( 'undo', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'should undo typing after a pause', async () => {
-		await clickBlockAppender();
-
-		await page.keyboard.type( 'before pause' );
-		await new Promise( ( resolve ) => setTimeout( resolve, 1000 ) );
-		await page.keyboard.type( ' after pause' );
-
-		const after = await getEditedPostContent();
-
-		expect( after ).toMatchSnapshot();
-
-		await pressKeyWithModifier( 'primary', 'z' );
-
-		const before = await getEditedPostContent();
-
-		expect( before ).toMatchSnapshot();
-		expect( await getSelection() ).toEqual( {
-			blockIndex: 1,
-			editableIndex: 0,
-			startOffset: 'before pause'.length,
-			endOffset: 'before pause'.length,
-		} );
-
-		await pressKeyWithModifier( 'primary', 'z' );
-
-		expect( await getEditedPostContent() ).toBe( '' );
-		expect( await getSelection() ).toEqual( {
-			blockIndex: 1,
-			editableIndex: 0,
-			startOffset: 0,
-			endOffset: 0,
-		} );
-
-		await pressKeyWithModifier( 'primaryShift', 'z' );
-
-		expect( await getEditedPostContent() ).toBe( before );
-		expect( await getSelection() ).toEqual( {
-			blockIndex: 1,
-			editableIndex: 0,
-			startOffset: 'before pause'.length,
-			endOffset: 'before pause'.length,
-		} );
-
-		await pressKeyWithModifier( 'primaryShift', 'z' );
-
-		expect( await getEditedPostContent() ).toBe( after );
-		expect( await getSelection() ).toEqual( {
-			blockIndex: 1,
-			editableIndex: 0,
-			startOffset: 'before pause after pause'.length,
-			endOffset: 'before pause after pause'.length,
-		} );
-	} );
-
-	it( 'should undo typing after non input change', async () => {
-		await clickBlockAppender();
-
-		await page.keyboard.type( 'before keyboard ' );
-		await pressKeyWithModifier( 'primary', 'b' );
-		await page.keyboard.type( 'after keyboard' );
-
-		const after = await getEditedPostContent();
-
-		expect( after ).toMatchSnapshot();
-
-		await pressKeyWithModifier( 'primary', 'z' );
-
-		const before = await getEditedPostContent();
-
-		expect( before ).toMatchSnapshot();
-		expect( await getSelection() ).toEqual( {
-			blockIndex: 1,
-			editableIndex: 0,
-			startOffset: 'before keyboard '.length,
-			endOffset: 'before keyboard '.length,
-		} );
-
-		await pressKeyWithModifier( 'primary', 'z' );
-
-		expect( await getEditedPostContent() ).toBe( '' );
-		expect( await getSelection() ).toEqual( {
-			blockIndex: 1,
-			editableIndex: 0,
-			startOffset: 0,
-			endOffset: 0,
-		} );
-
-		await pressKeyWithModifier( 'primaryShift', 'z' );
-
-		expect( await getEditedPostContent() ).toBe( before );
-		expect( await getSelection() ).toEqual( {
-			blockIndex: 1,
-			editableIndex: 0,
-			startOffset: 'before keyboard '.length,
-			endOffset: 'before keyboard '.length,
-		} );
-
-		await pressKeyWithModifier( 'primaryShift', 'z' );
-
-		expect( await getEditedPostContent() ).toBe( after );
-		expect( await getSelection() ).toEqual( {
-			blockIndex: 1,
-			editableIndex: 0,
-			startOffset: 'before keyboard after keyboard'.length,
-			endOffset: 'before keyboard after keyboard'.length,
-		} );
-	} );
-
-	it( 'should undo bold', async () => {
-		await clickBlockAppender();
-		await page.keyboard.type( 'test' );
-		await saveDraft();
-		await page.reload();
-		await page.waitForSelector( '.edit-post-layout' );
-		await page.click( '[data-type="core/paragraph"]' );
-		await pressKeyWithModifier( 'primary', 'a' );
-		await pressKeyWithModifier( 'primary', 'b' );
-		await pressKeyWithModifier( 'primary', 'z' );
-
-		const visibleResult = await page.evaluate(
-			() => document.activeElement.innerHTML
-		);
-		expect( visibleResult ).toBe( 'test' );
-	} );
-
-	it( 'Should undo/redo to expected level intervals', async () => {
-		await clickBlockAppender();
-
-		const firstBlock = await getEditedPostContent();
-
-		await page.keyboard.type( 'This' );
-
-		const firstText = await getEditedPostContent();
-
-		await page.keyboard.press( 'Enter' );
-
-		const secondBlock = await getEditedPostContent();
-
-		await page.keyboard.type( 'is' );
-
-		const secondText = await getEditedPostContent();
-
-		await page.keyboard.press( 'Enter' );
-
-		const thirdBlock = await getEditedPostContent();
-
-		await page.keyboard.type( 'test' );
-
-		const thirdText = await getEditedPostContent();
-
-		await pressKeyWithModifier( 'primary', 'z' ); // Undo 3rd paragraph text.
-
-		expect( await getEditedPostContent() ).toBe( thirdBlock );
-		expect( await getSelection() ).toEqual( {
-			blockIndex: 3,
-			editableIndex: 0,
-			startOffset: 0,
-			endOffset: 0,
-		} );
-
-		await pressKeyWithModifier( 'primary', 'z' ); // Undo 3rd block.
-
-		expect( await getEditedPostContent() ).toBe( secondText );
-		expect( await getSelection() ).toEqual( {
-			blockIndex: 2,
-			editableIndex: 0,
-			startOffset: 'is'.length,
-			endOffset: 'is'.length,
-		} );
-
-		await pressKeyWithModifier( 'primary', 'z' ); // Undo 2nd paragraph text.
-
-		expect( await getEditedPostContent() ).toBe( secondBlock );
-		expect( await getSelection() ).toEqual( {
-			blockIndex: 2,
-			editableIndex: 0,
-			startOffset: 0,
-			endOffset: 0,
-		} );
-
-		await pressKeyWithModifier( 'primary', 'z' ); // Undo 2nd block.
-
-		expect( await getEditedPostContent() ).toBe( firstText );
-		expect( await getSelection() ).toEqual( {
-			blockIndex: 1,
-			editableIndex: 0,
-			startOffset: 'This'.length,
-			endOffset: 'This'.length,
-		} );
-
-		await pressKeyWithModifier( 'primary', 'z' ); // Undo 1st paragraph text.
-
-		expect( await getEditedPostContent() ).toBe( firstBlock );
-		expect( await getSelection() ).toEqual( {
-			blockIndex: 1,
-			editableIndex: 0,
-			startOffset: 0,
-			endOffset: 0,
-		} );
-
-		await pressKeyWithModifier( 'primary', 'z' ); // Undo 1st block.
-
-		expect( await getEditedPostContent() ).toBe( '' );
-		expect( await getSelection() ).toEqual( {} );
-		// After undoing every action, there should be no more undo history.
-		expect(
-			await page.$( '.editor-history__undo[aria-disabled="true"]' )
-		).not.toBeNull();
-
-		await pressKeyWithModifier( 'primaryShift', 'z' ); // Redo 1st block.
-
-		expect( await getEditedPostContent() ).toBe( firstBlock );
-		expect( await getSelection() ).toEqual( {
-			blockIndex: 1,
-			editableIndex: 0,
-			startOffset: 0,
-			endOffset: 0,
-		} );
-		// After redoing one change, the undo button should be enabled again.
-		expect(
-			await page.$( '.editor-history__undo[aria-disabled="true"]' )
-		).toBeNull();
-
-		await pressKeyWithModifier( 'primaryShift', 'z' ); // Redo 1st paragraph text.
-
-		expect( await getEditedPostContent() ).toBe( firstText );
-		expect( await getSelection() ).toEqual( {
-			blockIndex: 1,
-			editableIndex: 0,
-			startOffset: 'This'.length,
-			endOffset: 'This'.length,
-		} );
-
-		await pressKeyWithModifier( 'primaryShift', 'z' ); // Redo 2nd block.
-
-		expect( await getEditedPostContent() ).toBe( secondBlock );
-		expect( await getSelection() ).toEqual( {
-			blockIndex: 2,
-			editableIndex: 0,
-			startOffset: 0,
-			endOffset: 0,
-		} );
-
-		await pressKeyWithModifier( 'primaryShift', 'z' ); // Redo 2nd paragraph text.
-
-		expect( await getEditedPostContent() ).toBe( secondText );
-		expect( await getSelection() ).toEqual( {
-			blockIndex: 2,
-			editableIndex: 0,
-			startOffset: 'is'.length,
-			endOffset: 'is'.length,
-		} );
-
-		await pressKeyWithModifier( 'primaryShift', 'z' ); // Redo 3rd block.
-
-		expect( await getEditedPostContent() ).toBe( thirdBlock );
-		expect( await getSelection() ).toEqual( {
-			blockIndex: 3,
-			editableIndex: 0,
-			startOffset: 0,
-			endOffset: 0,
-		} );
-
-		await pressKeyWithModifier( 'primaryShift', 'z' ); // Redo 3rd paragraph text.
-
-		expect( await getEditedPostContent() ).toBe( thirdText );
-		expect( await getSelection() ).toEqual( {
-			blockIndex: 3,
-			editableIndex: 0,
-			startOffset: 'test'.length,
-			endOffset: 'test'.length,
-		} );
-	} );
-
-	it( 'should undo for explicit persistence editing post', async () => {
-		// Regression test: An issue had occurred where the creation of an
-		// explicit undo level would interfere with blocks values being synced
-		// correctly to the block editor.
-		//
-		// See: https://github.com/WordPress/gutenberg/issues/14950
-
-		// Issue is demonstrated from an edited post: create, save, and reload.
-		await clickBlockAppender();
-		await page.keyboard.type( 'original' );
-		await saveDraft();
-		await page.reload();
-		await page.waitForSelector( '.edit-post-layout' );
-
-		// Issue is demonstrated by forcing state merges (multiple inputs) on
-		// an existing text after a fresh reload.
-		await selectBlockByClientId( ( await getAllBlocks() )[ 0 ].clientId );
-		await page.keyboard.type( 'modified' );
-
-		// The issue is demonstrated after the one second delay to trigger the
-		// creation of an explicit undo persistence level.
-		await new Promise( ( resolve ) => setTimeout( resolve, 1000 ) );
-
-		await pressKeyWithModifier( 'primary', 'z' );
-
-		// Assert against the _visible_ content. Since editor state with the
-		// regression present was accurate, it would produce the correct
-		// content. The issue had manifested in the form of what was shown to
-		// the user since the blocks state failed to sync to block editor.
-		const visibleContent = await page.evaluate(
-			() => document.activeElement.textContent
-		);
-		expect( visibleContent ).toBe( 'original' );
-	} );
-
-	it( 'should not create undo levels when saving', async () => {
-		await clickBlockAppender();
-		await page.keyboard.type( '1' );
-		await saveDraft();
-		await pressKeyWithModifier( 'primary', 'z' );
-
-		expect( await getEditedPostContent() ).toBe( '' );
-	} );
-
-	it( 'should not create undo levels when publishing', async () => {
-		await clickBlockAppender();
-		await page.keyboard.type( '1' );
-		await publishPost();
-		await pressKeyWithModifier( 'primary', 'z' );
-
-		expect( await getEditedPostContent() ).toBe( '' );
-	} );
-
-	it( 'should immediately create an undo level on typing', async () => {
-		await clickBlockAppender();
-
-		await page.keyboard.type( '1' );
-		await saveDraft();
-		await page.reload();
-		await page.waitForSelector( '.edit-post-layout' );
-
-		// Expect undo button to be disabled.
-		expect(
-			await page.$( '.editor-history__undo[aria-disabled="true"]' )
-		).not.toBeNull();
-
-		await page.click( '[data-type="core/paragraph"]' );
-
-		await page.keyboard.type( '2' );
-
-		// Expect undo button to be enabled.
-		expect(
-			await page.$( '.editor-history__undo[aria-disabled="true"]' )
-		).toBeNull();
-
-		await pressKeyWithModifier( 'primary', 'z' );
-
-		// Expect "1".
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should be able to undo and redo when transient changes have been made and we update/publish', async () => {
-		// Typing consecutive characters in a `Paragraph` block updates the same
-		// block attribute as in the previous action and results in transient edits
-		// and skipping `undo` history steps.
-		const text = 'tonis';
-		await clickBlockAppender();
-		await page.keyboard.type( text );
-		await publishPost();
-		await pressKeyWithModifier( 'primary', 'z' );
-		expect( await getEditedPostContent() ).toBe( '' );
-		await page.waitForSelector(
-			'.editor-history__redo[aria-disabled="false"]'
-		);
-		await page.click( '.editor-history__redo[aria-disabled="false"]' );
-		expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
-		"<!-- wp:paragraph -->
-		<p>tonis</p>
-		<!-- /wp:paragraph -->"
-	` );
-	} );
-} );