@wordpress/e2e-tests 7.13.2 → 7.14.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+## 7.14.0 (2023-10-05)
+
 ## 7.13.0 (2023-09-20)
 
 ## 7.12.0 (2023-08-31)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/e2e-tests",
-	"version": "7.13.2",
+	"version": "7.14.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.13.2",
-		"@wordpress/jest-console": "^7.13.2",
-		"@wordpress/jest-puppeteer-axe": "^6.13.2",
-		"@wordpress/scripts": "^26.13.2",
-		"@wordpress/url": "^3.43.2",
+		"@wordpress/e2e-test-utils": "^10.14.0",
+		"@wordpress/jest-console": "^7.14.0",
+		"@wordpress/jest-puppeteer-axe": "^6.14.0",
+		"@wordpress/scripts": "^26.14.0",
+		"@wordpress/url": "^3.44.0",
 		"chalk": "^4.0.0",
 		"expect-puppeteer": "^4.4.0",
 		"filenamify": "^4.2.0",
@@ -45,5 +45,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "5d2e3d07cc97af8090fc32c1e5d5013a2967e752"
+	"gitHead": "9b8e598c5418d38fe72197c24ef1d3dd6c712151"
 }

package/plugins/iframed-inline-styles.php

@@ -7,13 +7,6 @@
  * @package gutenberg-test-iframed-inline-styles
  */
 
-add_action(
-	'setup_theme',
-	static function () {
-		add_theme_support( 'block-templates' );
-	}
-);
-
 add_action(
 	'init',
 	static function () {

package/plugins/iframed-masonry-block.php

@@ -7,13 +7,6 @@
  * @package gutenberg-test-iframed-masonry-block
  */
 
-add_action(
-	'setup_theme',
-	static function () {
-		add_theme_support( 'block-templates' );
-	}
-);
-
 add_action(
 	'init',
 	static function () {

package/plugins/iframed-multiple-stylesheets.php

@@ -7,13 +7,6 @@
  * @package gutenberg-test-iframed-multiple-stylesheets
  */
 
-add_action(
-	'setup_theme',
-	static function () {
-		add_theme_support( 'block-templates' );
-	}
-);
-
 add_action(
 	'init',
 	static function () {

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

@@ -349,6 +349,7 @@ describe( 'Change detection', () => {
 		// Trash post.
 		await openDocumentSettingsSidebar();
 		await page.click( '.editor-post-trash.components-button' );
+		await page.click( '.components-confirm-dialog .is-primary' );
 
 		await Promise.all( [
 			// Wait for "Saved" to confirm save complete.

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

@@ -61,9 +61,7 @@ async function getPublishingDate() {
 	);
 }
 
-// @todo: Change `UTC+1` back to `UTC` once the core regressions is resolved.
-// See: https://github.com/WordPress/gutenberg/pull/54806#issuecomment-1734840171.
-describe.each( [ [ 'UTC-10' ], [ 'UTC+1' ], [ 'UTC+10' ] ] )(
+describe.each( [ [ 'UTC-10' ], [ 'UTC' ], [ 'UTC+10' ] ] )(
 	`Datepicker %s`,
 	( timezone ) => {
 		let oldTimezone;

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

@@ -249,7 +249,7 @@ describe( 'Inserting blocks', () => {
 		await page.keyboard.type( 'First paragraph' );
 		await insertBlock( 'Image' );
 		const paragraphBlock = await canvas().$(
-			'p[aria-label="Paragraph block"]'
+			'p[aria-label="Block: Paragraph"]'
 		);
 		paragraphBlock.click();
 		await page.evaluate( () => new Promise( window.requestIdleCallback ) );

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

@@ -136,7 +136,7 @@ describe( 'Pattern blocks', () => {
 		);
 
 		// Make sure the reusable block has loaded properly before attempting to publish the post.
-		await canvas().waitForSelector( 'p[aria-label="Paragraph block"]' );
+		await canvas().waitForSelector( 'p[aria-label="Block: Paragraph"]' );
 
 		await publishPost();
 
@@ -146,8 +146,8 @@ describe( 'Pattern blocks', () => {
 		await page.waitForSelector( closePublishPanelSelector );
 		await page.click( closePublishPanelSelector );
 
-		await canvas().waitForSelector( 'p[aria-label="Paragraph block"]' );
-		await canvas().focus( 'p[aria-label="Paragraph block"]' );
+		await canvas().waitForSelector( 'p[aria-label="Block: Paragraph"]' );
+		await canvas().focus( 'p[aria-label="Block: Paragraph"]' );
 
 		// Change the block's content.
 		await page.keyboard.type( 'Einen ' );
@@ -157,7 +157,7 @@ describe( 'Pattern blocks', () => {
 
 		// Check that its content is up to date.
 		const paragraphContent = await canvas().$eval(
-			'p[aria-label="Paragraph block"]',
+			'p[aria-label="Block: Paragraph"]',
 			( element ) => element.innerText
 		);
 		expect( paragraphContent ).toMatch( 'Einen Guten Berg!' );
@@ -341,11 +341,11 @@ describe( 'Pattern blocks', () => {
 
 		// Make an edit to the reusable block and assert that there's only a
 		// paragraph in a reusable block.
-		await canvas().waitForSelector( 'p[aria-label="Paragraph block"]' );
-		await canvas().click( 'p[aria-label="Paragraph block"]' );
+		await canvas().waitForSelector( 'p[aria-label="Block: Paragraph"]' );
+		await canvas().click( 'p[aria-label="Block: Paragraph"]' );
 		await page.keyboard.type( '2' );
 		const selector =
-			'//div[@aria-label="Block: Pattern"]//p[@aria-label="Paragraph block"][.="12"]';
+			'//div[@aria-label="Block: Pattern"]//p[@aria-label="Block: Paragraph"][.="12"]';
 		const reusableBlockWithParagraph = await page.$x( selector );
 		expect( reusableBlockWithParagraph ).toBeTruthy();
 

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

@@ -23,9 +23,7 @@ describe( 'Scheduling', () => {
 		} );
 	};
 
-	// @todo: Change `UTC+1` back to `UTC` once the core regressions is resolved.
-	// See: https://github.com/WordPress/gutenberg/pull/54806#issuecomment-1734840171.
-	describe.each( [ [ 'UTC-10' ], [ 'UTC+1' ], [ 'UTC+10' ] ] )(
+	describe.each( [ [ 'UTC-10' ], [ 'UTC' ], [ 'UTC+10' ] ] )(
 		`Timezone %s`,
 		( timezone ) => {
 			let oldTimezone;

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

@@ -738,7 +738,7 @@ describe( 'Widgets screen', () => {
 		await find(
 			{
 				role: 'document',
-				name: 'Paragraph block',
+				name: 'Block: Paragraph',
 				value: 'First Paragraph',
 			},
 			{
@@ -759,7 +759,7 @@ describe( 'Widgets screen', () => {
 		await find(
 			{
 				role: 'document',
-				name: 'Paragraph block',
+				name: 'Block: Paragraph',
 				value: 'First Paragraph',
 			},
 			{
@@ -875,7 +875,7 @@ describe( 'Widgets screen', () => {
 		await page.keyboard.type( 'First Paragraph' );
 		const updatedParagraphBlockInFirstWidgetArea = await find(
 			{
-				name: 'Paragraph block',
+				name: 'Block: Paragraph',
 				value: 'First Paragraph',
 			},
 			{

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

@@ -1,7 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`iframed inline styles should load inline styles in iframe 1`] = `
-"<!-- wp:test/iframed-inline-styles -->
-<div class="wp-block-test-iframed-inline-styles">Save</div>
-<!-- /wp:test/iframed-inline-styles -->"
-`;

package/specs/editor/plugins/__snapshots__/iframed-masonry-block.test.js.snap

@@ -1,7 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`iframed masonry block should load script and dependencies in iframe 1`] = `
-"<!-- wp:test/iframed-masonry-block -->
-<div class="wp-block-test-iframed-masonry-block"><div class="grid-item"></div><div class="grid-item grid-item--width2 grid-item--height2"></div><div class="grid-item grid-item--height3"></div><div class="grid-item grid-item--height2"></div><div class="grid-item grid-item--width3"></div><div class="grid-item"></div><div class="grid-item"></div><div class="grid-item grid-item--height2"></div><div class="grid-item grid-item--width2 grid-item--height3"></div><div class="grid-item"></div><div class="grid-item grid-item--height2"></div><div class="grid-item"></div><div class="grid-item grid-item--width2 grid-item--height2"></div><div class="grid-item grid-item--width2"></div><div class="grid-item"></div><div class="grid-item grid-item--height2"></div><div class="grid-item"></div><div class="grid-item"></div><div class="grid-item grid-item--height3"></div><div class="grid-item grid-item--height2"></div><div class="grid-item"></div><div class="grid-item"></div><div class="grid-item grid-item--height2"></div></div>
-<!-- /wp:test/iframed-masonry-block -->"
-`;

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

@@ -1,108 +0,0 @@
-/**
- * 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 block editor settings styles', () => {
-	beforeEach( async () => {
-		// Activate the empty theme (block based theme), which is iframed.
-		await activateTheme( 'emptytheme' );
-		await activatePlugin(
-			'gutenberg-test-iframed-enqueue-block-editor-settings'
-		);
-		await createNewPost();
-	} );
-
-	afterEach( async () => {
-		await deactivatePlugin(
-			'gutenberg-test-iframed-enqueue-block-editor-settings'
-		);
-		await activateTheme( 'twentytwentyone' );
-	} );
-
-	it( 'should load styles added through block editor settings', async () => {
-		await page.waitForSelector( 'iframe[name="editor-canvas"]' );
-		// Expect a red border (added in PHP).
-		expect( await getComputedStyle( canvas(), 'p', 'border-color' ) ).toBe(
-			'rgb(255, 0, 0)'
-		);
-
-		await page.evaluate( () => {
-			const settings = window.wp.data
-				.select( 'core/editor' )
-				.getEditorSettings();
-			wp.data.dispatch( 'core/editor' ).updateEditorSettings( {
-				...settings,
-				styles: [
-					...settings.styles,
-					{
-						css: 'p { border-width: 2px; }',
-						__unstableType: 'plugin',
-					},
-				],
-			} );
-		} );
-
-		// Expect a 2px border (added in JS).
-		expect( await getComputedStyle( canvas(), 'p', 'border-width' ) ).toBe(
-			'2px'
-		);
-	} );
-
-	it( 'should load theme styles added through block editor settings', async () => {
-		await page.waitForSelector( 'iframe[name="editor-canvas"]' );
-
-		await page.evaluate( () => {
-			// Make sure that theme styles are added even if the theme styles
-			// preference is off.
-			window.wp.data
-				.dispatch( 'core/edit-post' )
-				.toggleFeature( 'themeStyles' );
-			const settings = window.wp.data
-				.select( 'core/editor' )
-				.getEditorSettings();
-			wp.data.dispatch( 'core/editor' ).updateEditorSettings( {
-				...settings,
-				styles: [
-					...settings.styles,
-					{
-						css: 'p { border-width: 2px; }',
-						__unstableType: 'theme',
-					},
-				],
-			} );
-		} );
-
-		// Expect a 1px border because theme styles are disabled.
-		expect( await getComputedStyle( canvas(), 'p', 'border-width' ) ).toBe(
-			'1px'
-		);
-
-		await page.evaluate( () => {
-			// Now enable theme styles.
-			window.wp.data
-				.dispatch( 'core/edit-post' )
-				.toggleFeature( 'themeStyles' );
-		} );
-
-		// Expect a 2px border because theme styles are enabled.
-		expect( await getComputedStyle( canvas(), 'p', 'border-width' ) ).toBe(
-			'2px'
-		);
-	} );
-} );

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

@@ -1,56 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	activatePlugin,
-	createNewPost,
-	deactivatePlugin,
-	insertBlock,
-	getEditedPostContent,
-	canvas,
-	createNewTemplate,
-} from '@wordpress/e2e-test-utils';
-
-async function getComputedStyle( context, property ) {
-	await context.waitForSelector( '.wp-block-test-iframed-inline-styles' );
-	return await context.evaluate( ( prop ) => {
-		const container = document.querySelector(
-			'.wp-block-test-iframed-inline-styles'
-		);
-		return window.getComputedStyle( container )[ prop ];
-	}, property );
-}
-
-describe( 'iframed inline styles', () => {
-	beforeEach( async () => {
-		await activatePlugin( 'gutenberg-test-iframed-inline-styles' );
-		await createNewPost( { postType: 'page' } );
-	} );
-
-	afterEach( async () => {
-		await deactivatePlugin( 'gutenberg-test-iframed-inline-styles' );
-	} );
-
-	it( 'should load inline styles in iframe', async () => {
-		await insertBlock( 'Iframed Inline Styles' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-		expect( await getComputedStyle( canvas(), 'padding' ) ).toBe( '20px' );
-		expect( await getComputedStyle( canvas(), 'border-width' ) ).toBe(
-			'2px'
-		);
-
-		await createNewTemplate( 'Iframed Test' );
-
-		// Inline styles of properly enqueued stylesheet should load.
-		expect( await getComputedStyle( canvas(), 'padding' ) ).toBe( '20px' );
-
-		// Inline styles of stylesheet loaded with the compatibility layer
-		// should load.
-		expect( await getComputedStyle( canvas(), 'border-width' ) ).toBe(
-			'2px'
-		);
-
-		expect( console ).toHaveWarned();
-	} );
-} );

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

@@ -1,49 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	activatePlugin,
-	createNewPost,
-	deactivatePlugin,
-	insertBlock,
-	getEditedPostContent,
-	canvas,
-	createNewTemplate,
-} from '@wordpress/e2e-test-utils';
-
-async function didMasonryLoadCorrectly( context ) {
-	return await context.evaluate( () => {
-		const container = document.querySelector(
-			'.wp-block-test-iframed-masonry-block'
-		);
-		return (
-			// Expect Masonry to set a non-zero height.
-			parseInt( container.style.height, 10 ) > 0 &&
-			// Expect Masonry to absolute position items.
-			container.firstElementChild.style.position === 'absolute'
-		);
-	} );
-}
-
-describe( 'iframed masonry block', () => {
-	beforeEach( async () => {
-		await activatePlugin( 'gutenberg-test-iframed-masonry-block' );
-		await createNewPost( { postType: 'page' } );
-	} );
-
-	afterEach( async () => {
-		await deactivatePlugin( 'gutenberg-test-iframed-masonry-block' );
-	} );
-
-	it( 'should load script and dependencies in iframe', async () => {
-		await insertBlock( 'Iframed Masonry Block' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-		expect( await didMasonryLoadCorrectly( canvas() ) ).toBe( true );
-
-		await createNewTemplate( 'Iframed Test' );
-		await canvas().waitForSelector( '.grid-item[style]' );
-
-		expect( await didMasonryLoadCorrectly( canvas() ) ).toBe( true );
-	} );
-} );

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

@@ -1,58 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	activatePlugin,
-	createNewPost,
-	deactivatePlugin,
-	insertBlock,
-	canvas,
-	createNewTemplate,
-} from '@wordpress/e2e-test-utils';
-
-async function getComputedStyle( context, property ) {
-	await context.waitForSelector(
-		'.wp-block-test-iframed-multiple-stylesheets'
-	);
-	return await context.evaluate( ( prop ) => {
-		const container = document.querySelector(
-			'.wp-block-test-iframed-multiple-stylesheets'
-		);
-		return window.getComputedStyle( container )[ prop ];
-	}, property );
-}
-
-describe( 'iframed multiple block stylesheets', () => {
-	beforeEach( async () => {
-		await activatePlugin( 'gutenberg-test-iframed-multiple-stylesheets' );
-		await createNewPost( { postType: 'page' } );
-	} );
-
-	afterEach( async () => {
-		await deactivatePlugin( 'gutenberg-test-iframed-multiple-stylesheets' );
-	} );
-
-	it( 'should load multiple block stylesheets in iframe', async () => {
-		await insertBlock( 'Iframed Multiple Stylesheets' );
-
-		await canvas().waitForSelector(
-			'.wp-block-test-iframed-multiple-stylesheets'
-		);
-		await createNewTemplate( 'Iframed Test' );
-
-		// Style loaded from the main stylesheet.
-		expect( await getComputedStyle( canvas(), 'border-style' ) ).toBe(
-			'dashed'
-		);
-
-		// Style loaded from the additional stylesheet.
-		expect( await getComputedStyle( canvas(), 'border-color' ) ).toBe(
-			'rgb(255, 0, 0)'
-		);
-
-		// Style loaded from the a stylesheet using path instead of handle.
-		expect( await getComputedStyle( canvas(), 'background-color' ) ).toBe(
-			'rgb(0, 0, 0)'
-		);
-	} );
-} );

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

@@ -1,19 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Order of block keyboard navigation should navigate correctly with multi selection 1`] = `
-"<!-- wp:paragraph -->
-<p>1</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>2</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>3</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>4</p>
-<!-- /wp:paragraph -->"
-`;

package/specs/editor/various/keyboard-navigable-blocks.test.js

@@ -1,239 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	createNewPost,
-	insertBlock,
-	pressKeyWithModifier,
-	clickBlockAppender,
-	getEditedPostContent,
-	showBlockToolbar,
-	canvas,
-} from '@wordpress/e2e-test-utils';
-
-async function getActiveLabel() {
-	return await page.evaluate( () => {
-		const { activeElement } =
-			document.activeElement.contentDocument ?? document;
-		return (
-			activeElement.getAttribute( 'aria-label' ) ||
-			activeElement.innerHTML
-		);
-	} );
-}
-
-const navigateToContentEditorTop = async () => {
-	// Use 'Ctrl+`' to return to the top of the editor.
-	await pressKeyWithModifier( 'ctrl', '`' );
-	await pressKeyWithModifier( 'ctrl', '`' );
-	await pressKeyWithModifier( 'ctrl', '`' );
-	await pressKeyWithModifier( 'ctrl', '`' );
-	await pressKeyWithModifier( 'ctrl', '`' );
-};
-
-const tabThroughParagraphBlock = async ( paragraphText ) => {
-	await tabThroughBlockToolbar();
-
-	await page.keyboard.press( 'Tab' );
-	await expect( await getActiveLabel() ).toBe( 'Paragraph block' );
-	await expect(
-		await page.evaluate( () => {
-			const { activeElement } =
-				document.activeElement.contentDocument ?? document;
-			return activeElement.innerHTML;
-		} )
-	).toBe( paragraphText );
-
-	await page.keyboard.press( 'Tab' );
-	await expect( await getActiveLabel() ).toBe( 'Open document settings' );
-
-	// Need to shift+tab here to end back in the block. If not, we'll be in the next region and it will only require 4 region jumps instead of 5.
-	await pressKeyWithModifier( 'shift', 'Tab' );
-	await expect( await getActiveLabel() ).toBe( 'Paragraph block' );
-};
-
-const tabThroughBlockToolbar = async () => {
-	await page.keyboard.press( 'Tab' );
-	await expect( await getActiveLabel() ).toBe( 'Paragraph' );
-
-	await page.keyboard.press( 'ArrowRight' );
-	await expect( await getActiveLabel() ).toBe( 'Move up' );
-
-	await page.keyboard.press( 'ArrowRight' );
-	await expect( await getActiveLabel() ).toBe( 'Move down' );
-
-	await page.keyboard.press( 'ArrowRight' );
-	await expect( await getActiveLabel() ).toBe( 'Align text' );
-
-	await page.keyboard.press( 'ArrowRight' );
-	await expect( await getActiveLabel() ).toBe( 'Bold' );
-
-	await page.keyboard.press( 'ArrowRight' );
-	await expect( await getActiveLabel() ).toBe( 'Italic' );
-
-	await page.keyboard.press( 'ArrowRight' );
-	await expect( await getActiveLabel() ).toBe( 'Link' );
-
-	await page.keyboard.press( 'ArrowRight' );
-	await expect( await getActiveLabel() ).toBe( 'More' );
-
-	await page.keyboard.press( 'ArrowRight' );
-	await expect( await getActiveLabel() ).toBe( 'Options' );
-
-	await page.keyboard.press( 'ArrowRight' );
-	await expect( await getActiveLabel() ).toBe( 'Paragraph' );
-};
-
-describe( 'Order of block keyboard navigation', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'permits tabbing through paragraph blocks in the expected order', async () => {
-		const paragraphBlocks = [ 'Paragraph 0', 'Paragraph 1', 'Paragraph 2' ];
-
-		// Create 3 paragraphs blocks with some content.
-		for ( const paragraphBlock of paragraphBlocks ) {
-			await insertBlock( 'Paragraph' );
-			await page.keyboard.type( paragraphBlock );
-		}
-
-		// Select the middle block.
-		await page.keyboard.press( 'ArrowUp' );
-		await showBlockToolbar();
-		await navigateToContentEditorTop();
-		await tabThroughParagraphBlock( 'Paragraph 1' );
-
-		// Repeat the same steps to ensure that there is no change introduced in how the focus is handled.
-		// This prevents the previous regression explained in: https://github.com/WordPress/gutenberg/issues/11773.
-		await navigateToContentEditorTop();
-		await tabThroughParagraphBlock( 'Paragraph 1' );
-	} );
-
-	it( 'allows tabbing in navigation mode if no block is selected', async () => {
-		const paragraphBlocks = [ '0', '1' ];
-
-		// Create 2 paragraphs blocks with some content.
-		for ( const paragraphBlock of paragraphBlocks ) {
-			await insertBlock( 'Paragraph' );
-			await page.keyboard.type( paragraphBlock );
-		}
-
-		// Clear the selected block.
-		const paragraph = await canvas().$( '[data-type="core/paragraph"]' );
-		const box = await paragraph.boundingBox();
-		await page.mouse.click( box.x - 1, box.y );
-
-		await page.keyboard.press( 'Tab' );
-		await expect( await getActiveLabel() ).toBe( 'Add title' );
-
-		await page.keyboard.press( 'Tab' );
-		await expect( await getActiveLabel() ).toBe(
-			'Paragraph Block. Row 1. 0'
-		);
-
-		await page.keyboard.press( 'Tab' );
-		await expect( await getActiveLabel() ).toBe(
-			'Paragraph Block. Row 2. 1'
-		);
-
-		await page.keyboard.press( 'Tab' );
-		await expect( await getActiveLabel() ).toBe( 'Open document settings' );
-	} );
-
-	it( 'allows tabbing in navigation mode if no block is selected (reverse)', async () => {
-		const paragraphBlocks = [ '0', '1' ];
-
-		// Create 2 paragraphs blocks with some content.
-		for ( const paragraphBlock of paragraphBlocks ) {
-			await insertBlock( 'Paragraph' );
-			await page.keyboard.type( paragraphBlock );
-		}
-
-		// Clear the selected block.
-		const paragraph = await canvas().$( '[data-type="core/paragraph"]' );
-		const box = await paragraph.boundingBox();
-		await page.mouse.click( box.x - 1, box.y );
-
-		// Put focus behind the block list.
-		await page.evaluate( () => {
-			document
-				.querySelector( '.interface-interface-skeleton__sidebar' )
-				.focus();
-		} );
-
-		await pressKeyWithModifier( 'shift', 'Tab' );
-		await expect( await getActiveLabel() ).toBe( 'Add block' );
-
-		await pressKeyWithModifier( 'shift', 'Tab' );
-		await expect( await getActiveLabel() ).toBe( 'Add default block' );
-
-		await pressKeyWithModifier( 'shift', 'Tab' );
-		await expect( await getActiveLabel() ).toBe(
-			'Paragraph Block. Row 2. 1'
-		);
-
-		await pressKeyWithModifier( 'shift', 'Tab' );
-		await expect( await getActiveLabel() ).toBe(
-			'Paragraph Block. Row 1. 0'
-		);
-
-		await pressKeyWithModifier( 'shift', 'Tab' );
-		await expect( await getActiveLabel() ).toBe( 'Add title' );
-	} );
-
-	it( 'should navigate correctly with multi selection', async () => {
-		await clickBlockAppender();
-		await page.keyboard.type( '1' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( '2' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( '3' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( '4' );
-		await page.keyboard.press( 'ArrowUp' );
-		await pressKeyWithModifier( 'shift', 'ArrowUp' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-
-		expect( await getActiveLabel() ).toBe( 'Multiple selected blocks' );
-
-		await page.keyboard.press( 'Tab' );
-		await expect( await getActiveLabel() ).toBe( 'Post' );
-
-		await pressKeyWithModifier( 'shift', 'Tab' );
-		await expect( await getActiveLabel() ).toBe(
-			'Multiple selected blocks'
-		);
-
-		await pressKeyWithModifier( 'shift', 'Tab' );
-		await page.keyboard.press( 'ArrowRight' );
-		await expect( await getActiveLabel() ).toBe( 'Move up' );
-	} );
-
-	it( 'allows the first element within a block to receive focus', async () => {
-		// Insert a image block.
-		await insertBlock( 'Image' );
-
-		// Make sure the upload button has focus.
-		const uploadButton = await canvas().waitForXPath(
-			'//button[contains( text(), "Upload" ) ]'
-		);
-		await expect( uploadButton ).toHaveFocus();
-
-		// Try to focus the image block wrapper.
-		await page.keyboard.press( 'ArrowUp' );
-		await expect( await getActiveLabel() ).toBe( 'Block: Image' );
-	} );
-
-	it( 'allows the block wrapper to gain focus for a group block instead of the first element', async () => {
-		// Insert a group block.
-		await insertBlock( 'Group' );
-		// Select the default, selected Group layout from the variation picker.
-		await canvas().click(
-			'button[aria-label="Group: Gather blocks in a container."]'
-		);
-		// If active label matches, that means focus did not change from group block wrapper.
-		await expect( await getActiveLabel() ).toBe( 'Block: Group' );
-	} );
-} );

package/specs/site-editor/global-styles-sidebar.test.js

@@ -1,45 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	deleteAllTemplates,
-	activateTheme,
-	visitSiteEditor,
-	enterEditMode,
-	toggleGlobalStyles,
-	openGlobalStylesPanel,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Global styles sidebar', () => {
-	beforeAll( async () => {
-		await activateTheme( 'emptytheme' );
-		await Promise.all( [
-			deleteAllTemplates( 'wp_template' ),
-			deleteAllTemplates( 'wp_template_part' ),
-		] );
-	} );
-	afterAll( async () => {
-		await Promise.all( [
-			deleteAllTemplates( 'wp_template' ),
-			deleteAllTemplates( 'wp_template_part' ),
-		] );
-		await activateTheme( 'twentytwentyone' );
-	} );
-	beforeEach( async () => {
-		await visitSiteEditor();
-		await enterEditMode();
-	} );
-	describe( 'blocks list', () => {
-		it( 'should filter results properly', async () => {
-			await toggleGlobalStyles();
-			await openGlobalStylesPanel( 'Blocks' );
-			await page.focus( '.edit-site-block-types-search input' );
-			await page.keyboard.type( 'heading' );
-			const results = await page.$$(
-				'.edit-site-block-types-item-list div[role="listitem"]'
-			);
-			// Matches both Heading and Table of Contents blocks. (The latter contains "heading" in its description.)
-			expect( results.length ).toEqual( 2 );
-		} );
-	} );
-} );