@wordpress/e2e-tests 5.4.0 → 5.5.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+## 5.5.0 (2022-11-02)
+
 ## 5.4.0 (2022-10-19)
 
 ## 5.3.0 (2022-10-05)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/e2e-tests",
-	"version": "5.4.0",
+	"version": "5.5.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": "^8.4.0",
-		"@wordpress/jest-console": "^6.3.0",
-		"@wordpress/jest-puppeteer-axe": "^5.3.0",
-		"@wordpress/scripts": "^24.4.0",
-		"@wordpress/url": "^3.21.0",
+		"@wordpress/e2e-test-utils": "^8.5.0",
+		"@wordpress/jest-console": "^6.4.0",
+		"@wordpress/jest-puppeteer-axe": "^5.4.0",
+		"@wordpress/scripts": "^24.5.0",
+		"@wordpress/url": "^3.22.0",
 		"chalk": "^4.0.0",
 		"expect-puppeteer": "^4.4.0",
 		"filenamify": "^4.2.0",
@@ -46,5 +46,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "a2ff0e6471c88436dad0287beb88d1729aa6f5dd"
+	"gitHead": "511f4cc1f0138641bc4394bc1cf36e833109c791"
 }

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

@@ -134,7 +134,7 @@ describe( 'Cover', () => {
 
 		const heightInput = (
 			await page.$x(
-				'//div[./label[contains(text(),"Minimum height of cover")]]//input'
+				'//div[./label[contains(text(),"Minimum height of cover")]]/following-sibling::div//input'
 			)
 		 )[ 0 ];
 

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

@@ -506,7 +506,7 @@ Expected mock function not to be called but it was called with: ["POST", "http:/
 				// outside of the Nav block.
 				await insertBlock( 'Paragraph' );
 
-				// Aquire fresh reference to block
+				// Acquire fresh reference to block
 				navBlock = await waitForBlock( 'Navigation' );
 
 				// Check Placeholder Preview is visible.

package/specs/editor/blocks/site-title.test.js

@@ -3,13 +3,12 @@
  */
 import {
 	createNewPost,
-	createUser,
-	deleteUser,
 	getOption,
 	insertBlock,
 	loginUser,
 	pressKeyWithModifier,
 	setOption,
+	openDocumentSettingsSidebar,
 } from '@wordpress/e2e-test-utils';
 
 const saveEntities = async () => {
@@ -35,11 +34,9 @@ describe( 'Site Title block', () => {
 	const username = 'testuser';
 	beforeAll( async () => {
 		originalSiteTitle = await getOption( 'blogname' );
-		password = await createUser( username, { role: 'editor' } );
 	} );
 
 	afterAll( async () => {
-		await deleteUser( username );
 		await setOption( 'blogname', originalSiteTitle );
 	} );
 
@@ -70,11 +67,18 @@ describe( 'Site Title block', () => {
 		await createNewPost();
 		await insertBlock( 'Site Title' );
 
-		const editableSiteTitleSelector = '[aria-label="Block: Site Title"] a';
-		await page.waitForSelector( editableSiteTitleSelector );
+		await openDocumentSettingsSidebar();
+
+		const [ disableLink ] = await page.$x(
+			"//label[contains(text(), 'Make title link to home')]"
+		);
+		await disableLink.click();
+
+		const siteTitleSelector = '[aria-label="Block: Site Title"] span';
+		await page.waitForSelector( siteTitleSelector );
 
 		const editable = await page.$eval(
-			editableSiteTitleSelector,
+			siteTitleSelector,
 			( element ) => element.contentEditable
 		);
 		expect( editable ).toBe( 'inherit' );

package/specs/editor/various/block-hierarchy-navigation.test.js

@@ -119,7 +119,7 @@ describe( 'Navigating the block hierarchy', () => {
 		// Navigate to the third column in the columns block.
 		await pressKeyWithModifier( 'ctrl', '`' );
 		await pressKeyWithModifier( 'ctrl', '`' );
-		await pressKeyTimes( 'Tab', 2 );
+		await pressKeyTimes( 'Tab', 4 );
 		await pressKeyTimes( 'ArrowDown', 4 );
 		await page.waitForSelector(
 			'.is-highlighted[aria-label="Block: Column (3 of 3)"]'

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

@@ -233,7 +233,7 @@ describe( 'Font Size Picker', () => {
 			await page.keyboard.type( 'Paragraph to be made "large"' );
 
 			await clickFontSizeButtonByLabel( 'Large' );
-			const buttonSelector = `${ FONT_SIZE_TOGGLE_GROUP_SELECTOR }//div[@data-active='true']//button`;
+			const buttonSelector = `${ FONT_SIZE_TOGGLE_GROUP_SELECTOR }//button[@aria-checked='true']`;
 			const [ activeButton ] = await page.$x( buttonSelector );
 			const activeLabel = await page.evaluate(
 				( element ) => element?.getAttribute( 'aria-label' ),

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

@@ -31,7 +31,7 @@ describe( 'Multi-entity save flow', () => {
 		const checkboxInputs = await page.$$( checkboxInputSelector );
 		expect( checkedBoxes.length - checkboxInputs.length ).toBe( 0 );
 	};
-	const assertExistance = async ( selector, shouldBePresent ) => {
+	const assertExistence = async ( selector, shouldBePresent ) => {
 		const element = await page.$( selector );
 		if ( shouldBePresent ) {
 			expect( element ).not.toBeNull();
@@ -102,10 +102,10 @@ describe( 'Multi-entity save flow', () => {
 			await assertMultiSaveDisabled();
 
 			// Should only have publish panel a11y button active with only post edited.
-			await assertExistance( publishA11ySelector, true );
-			await assertExistance( saveA11ySelector, false );
-			await assertExistance( publishPanelSelector, false );
-			await assertExistance( savePanelSelector, false );
+			await assertExistence( publishA11ySelector, true );
+			await assertExistence( saveA11ySelector, false );
+			await assertExistence( publishPanelSelector, false );
+			await assertExistence( savePanelSelector, false );
 
 			// Add a reusable block and edit it.
 			await createReusableBlock( 'Hi!', 'Test' );
@@ -117,10 +117,10 @@ describe( 'Multi-entity save flow', () => {
 			await assertMultiSaveEnabled();
 
 			// Should only have save panel a11y button active after child entities edited.
-			await assertExistance( publishA11ySelector, false );
-			await assertExistance( saveA11ySelector, true );
-			await assertExistance( publishPanelSelector, false );
-			await assertExistance( savePanelSelector, false );
+			await assertExistence( publishA11ySelector, false );
+			await assertExistence( saveA11ySelector, true );
+			await assertExistence( publishPanelSelector, false );
+			await assertExistence( savePanelSelector, false );
 
 			// Opening panel has boxes checked by default.
 			await page.click( savePostSelector );
@@ -128,18 +128,18 @@ describe( 'Multi-entity save flow', () => {
 			await assertAllBoxesChecked();
 
 			// Should not show other panels (or their a11y buttons) while save panel opened.
-			await assertExistance( publishA11ySelector, false );
-			await assertExistance( saveA11ySelector, false );
-			await assertExistance( publishPanelSelector, false );
+			await assertExistence( publishA11ySelector, false );
+			await assertExistence( saveA11ySelector, false );
+			await assertExistence( publishPanelSelector, false );
 
 			// Publish panel should open after saving.
 			await page.click( entitiesSaveSelector );
 			await page.waitForSelector( publishPanelSelector );
 
 			// No other panels (or their a11y buttons) should be present with publish panel open.
-			await assertExistance( publishA11ySelector, false );
-			await assertExistance( saveA11ySelector, false );
-			await assertExistance( savePanelSelector, false );
+			await assertExistence( publishA11ySelector, false );
+			await assertExistence( saveA11ySelector, false );
+			await assertExistence( savePanelSelector, false );
 
 			// Close publish panel.
 			const closePanelButton = await page.waitForSelector(
@@ -151,7 +151,7 @@ describe( 'Multi-entity save flow', () => {
 			const draftSaved = await page.waitForSelector( draftSavedSelector );
 			expect( draftSaved ).not.toBeNull();
 			await assertMultiSaveDisabled();
-			await assertExistance( saveA11ySelector, false );
+			await assertExistence( saveA11ySelector, false );
 
 			await publishPost();
 			// Wait for the success notice specifically for the published post.
@@ -178,7 +178,7 @@ describe( 'Multi-entity save flow', () => {
 			expect( enabledSaveButton ).not.toBeNull();
 			// Verify multi-entity saving not enabled.
 			await assertMultiSaveDisabled();
-			await assertExistance( saveA11ySelector, false );
+			await assertExistence( saveA11ySelector, false );
 
 			// Update reusable block again.
 			await page.click( 'p[data-type="core/paragraph"]' );
@@ -188,7 +188,7 @@ describe( 'Multi-entity save flow', () => {
 
 			// Multi-entity saving should be enabled.
 			await assertMultiSaveEnabled();
-			await assertExistance( saveA11ySelector, true );
+			await assertExistence( saveA11ySelector, true );
 		} );
 
 		it( 'Site blocks should save individually', async () => {
@@ -252,7 +252,7 @@ describe( 'Multi-entity save flow', () => {
 			await assertAllBoxesChecked();
 
 			// Save a11y button should not be present with save panel open.
-			await assertExistance( saveA11ySelector, false );
+			await assertExistence( saveA11ySelector, false );
 
 			// Saving should result in items being saved.
 			await page.click( entitiesSaveSelector );
@@ -284,7 +284,7 @@ describe( 'Multi-entity save flow', () => {
 			expect( enabledButton ).not.toBeNull();
 
 			// Save a11y button should be present.
-			await assertExistance( saveA11ySelector, true );
+			await assertExistence( saveA11ySelector, true );
 
 			// Save all changes.
 			await saveAllChanges();

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

@@ -1,31 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	createNewPost,
-	getAllBlockInserterItemTitles,
-	insertBlock,
-	openGlobalBlockInserter,
-	closeGlobalBlockInserter,
-	getListViewBlocks,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Columns', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'restricts all blocks inside the columns block', async () => {
-		await insertBlock( 'Columns' );
-		await closeGlobalBlockInserter();
-		await page.click( '[aria-label="Two columns; equal split"]' );
-		await page.click( '.edit-post-header-toolbar__list-view-toggle' );
-
-		const columnBlockMenuItem = (
-			await getListViewBlocks( 'Column' )
-		 )[ 0 ];
-		await columnBlockMenuItem.click();
-		await openGlobalBlockInserter();
-		expect( await getAllBlockInserterItemTitles() ).toHaveLength( 1 );
-	} );
-} );

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

@@ -1,156 +0,0 @@
-/**
- * External dependencies
- */
-import path from 'path';
-import fs from 'fs';
-import os from 'os';
-import { v4 as uuid } from 'uuid';
-
-/**
- * WordPress dependencies
- */
-import {
-	insertBlock,
-	getEditedPostContent,
-	createNewPost,
-	clickButton,
-	openListView,
-	getListViewBlocks,
-	clickBlockToolbarButton,
-} from '@wordpress/e2e-test-utils';
-
-async function upload( selector ) {
-	await page.waitForSelector( selector );
-	const inputElement = await page.$( selector );
-	const testImagePath = path.join(
-		__dirname,
-		'..',
-		'..',
-		'..',
-		'assets',
-		'10x10_e2e_test_image_z9T8jK.png'
-	);
-	const filename = uuid();
-	const tmpFileName = path.join( os.tmpdir(), filename + '.png' );
-	fs.copyFileSync( testImagePath, tmpFileName );
-	await inputElement.uploadFile( tmpFileName );
-	await page.waitForSelector(
-		`.wp-block-gallery img[src$="${ filename }.png"]`
-	);
-	return filename;
-}
-
-describe( 'Gallery', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'can be created using uploaded images', async () => {
-		await insertBlock( 'Gallery' );
-		const filename = await upload( '.wp-block-gallery input[type="file"]' );
-
-		const regex = new RegExp(
-			`<!-- wp:gallery {\\"linkTo\\":\\"none\\"} -->\\s*<figure class=\\"wp-block-gallery has-nested-images columns-default is-cropped\\"><!-- wp:image {\\"id\\":\\d+,\\"sizeSlug\\":\\"(?:full|large)\\",\\"linkDestination\\":\\"none\\"} -->\\s*<figure class=\\"wp-block-image (?:size-full|size-large)\\"><img src=\\"[^"]+\/${ filename }\.png\\" alt=\\"\\" class=\\"wp-image-\\d+\\"\/><\/figure>\\s*<!-- \/wp:image --><\/figure>\\s*<!-- \/wp:gallery -->`
-		);
-		expect( await getEditedPostContent() ).toMatch( regex );
-	} );
-
-	it( 'gallery caption can be edited', async () => {
-		const galleryCaption = 'Tested gallery caption';
-
-		await insertBlock( 'Gallery' );
-		await upload( '.wp-block-gallery input[type="file"]' );
-		await page.waitForSelector( '.wp-block-gallery .wp-block-image' );
-
-		// The Gallery needs to be selected from the List view panel due to the
-		// way that Image uploads take and lose focus.
-		await openListView();
-
-		const galleryListLink = ( await getListViewBlocks( 'Gallery' ) )[ 0 ];
-		await galleryListLink.click();
-
-		await page.click( '.wp-block-gallery .blocks-gallery-caption' );
-
-		await page.keyboard.type( galleryCaption );
-
-		expect( await getEditedPostContent() ).toMatch(
-			new RegExp( `<figcaption.*?>${ galleryCaption }</figcaption>` )
-		);
-	} );
-
-	it( "uploaded images' captions can be edited", async () => {
-		await insertBlock( 'Gallery' );
-		await upload( '.wp-block-gallery input[type="file"]' );
-
-		const figureElement = await page.waitForSelector(
-			'.wp-block-gallery .wp-block-image'
-		);
-
-		// Check that the Image is unselected, in which case the figcaption won't be
-		// in the DOM - due the way that the Gallery block handles the upload the latest
-		// image gets selected in order to scroll to the position of it, as in large
-		// galleries the new upload may be off-canvas. After upload the image is unselected
-		// so if we don't check for that it may get unselected again by this flow after we
-		// have re-selected it to edit it.
-		await page.waitForFunction(
-			() => ! document.querySelector( '.wp-block-image figcaption' )
-		);
-
-		// The Image needs to be selected from the List view panel due to the
-		// way that Image uploads take and lose focus.
-		await openListView();
-
-		// Due to collapsed state of ListView nodes Gallery must be expanded to reveal the child blocks.
-		// This xpath selects the anchor node for the block which has a child span which contains the text
-		// label of the block and then selects the expander span for that node.
-		const galleryExpander = await page.waitForXPath(
-			`//a[.//span[text()='Gallery']]/span[contains(@class, 'block-editor-list-view__expander')]`
-		);
-
-		await galleryExpander.click();
-
-		const imageListLink = ( await getListViewBlocks( 'Image' ) )[ 0 ];
-		await imageListLink.click();
-		await clickBlockToolbarButton( 'Caption' );
-		const captionElement = await figureElement.$(
-			'.block-editor-rich-text__editable'
-		);
-
-		await captionElement.click();
-		const caption = 'Tested caption';
-
-		await page.keyboard.type( caption );
-
-		expect( await getEditedPostContent() ).toMatch(
-			new RegExp( `<figcaption.*?>${ caption }</figcaption>` )
-		);
-	} );
-
-	// Disable reason:
-	// This test would be good to enable, but the media modal contains an
-	// invalid role, which is causing Axe tests to fail:
-	// https://core.trac.wordpress.org/ticket/50273
-	//
-	// Attempts to add an Axe exception for the media modal haven't proved
-	// successful:
-	// https://github.com/WordPress/gutenberg/pull/22719
-	//
-	// This test could be re-enabled once the trac ticket is solved.
-	// eslint-disable-next-line jest/no-disabled-tests
-	it.skip( 'when initially added the media library shows the Create Gallery view', async () => {
-		await insertBlock( 'Gallery' );
-		await clickButton( 'Media Library' );
-		await page.waitForSelector( '.media-frame' );
-		const mediaLibraryHeaderText = await page.$eval(
-			'.media-frame-title h1',
-			( element ) => element.textContent
-		);
-		const mediaLibraryButtonText = await page.$eval(
-			'.media-toolbar-primary button',
-			( element ) => element.textContent
-		);
-
-		expect( mediaLibraryHeaderText ).toBe( 'Create Gallery' );
-		expect( mediaLibraryButtonText ).toBe( 'Create a new gallery' );
-	} );
-} );

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

@@ -1,69 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`templates Using a CPT with a predefined template Should add a custom post types with a predefined template 1`] = `
-"<!-- wp:image -->
-<figure class=\\"wp-block-image\\"><img alt=\\"\\"/></figure>
-<!-- /wp:image -->
-
-<!-- wp:paragraph {\\"placeholder\\":\\"Add a book description\\"} -->
-<p></p>
-<!-- /wp:paragraph -->
-
-<!-- wp:quote -->
-<blockquote class=\\"wp-block-quote\\"><!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph --></blockquote>
-<!-- /wp:quote -->
-
-<!-- wp:columns -->
-<div class=\\"wp-block-columns\\"><!-- wp:column -->
-<div class=\\"wp-block-column\\"><!-- wp:image -->
-<figure class=\\"wp-block-image\\"><img alt=\\"\\"/></figure>
-<!-- /wp:image --></div>
-<!-- /wp:column -->
-
-<!-- wp:column -->
-<div class=\\"wp-block-column\\"><!-- wp:paragraph {\\"placeholder\\":\\"Add a inner paragraph\\"} -->
-<p></p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:column --></div>
-<!-- /wp:columns -->"
-`;
-
-exports[`templates Using a CPT with a predefined template Should respect user edits to not re-apply template after save (full delete) 1`] = `""`;
-
-exports[`templates Using a CPT with a predefined template Should respect user edits to not re-apply template after save (single block removal) 1`] = `
-"<!-- wp:paragraph {\\"placeholder\\":\\"Add a book description\\"} -->
-<p></p>
-<!-- /wp:paragraph -->
-
-<!-- wp:quote -->
-<blockquote class=\\"wp-block-quote\\"><!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph --></blockquote>
-<!-- /wp:quote -->
-
-<!-- wp:columns -->
-<div class=\\"wp-block-columns\\"><!-- wp:column -->
-<div class=\\"wp-block-column\\"><!-- wp:image -->
-<figure class=\\"wp-block-image\\"><img alt=\\"\\"/></figure>
-<!-- /wp:image --></div>
-<!-- /wp:column -->
-
-<!-- wp:column -->
-<div class=\\"wp-block-column\\"><!-- wp:paragraph {\\"placeholder\\":\\"Add a inner paragraph\\"} -->
-<p></p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:column --></div>
-<!-- /wp:columns -->"
-`;
-
-exports[`templates With default post format assigned should not populate edited post with default block for format 1`] = `""`;
-
-exports[`templates With default post format assigned should not populate new page with default block for format 1`] = `""`;
-
-exports[`templates With default post format assigned should populate new post with default block for format 1`] = `
-"<!-- wp:image -->
-<figure class=\\"wp-block-image\\"><img alt=\\"\\"/></figure>
-<!-- /wp:image -->"
-`;

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

@@ -1,126 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	activatePlugin,
-	createNewPost,
-	deactivatePlugin,
-	getEditedPostContent,
-	pressKeyWithModifier,
-	saveDraft,
-	switchUserToAdmin,
-	switchUserToTest,
-	visitAdminPage,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'templates', () => {
-	describe( 'Using a CPT with a predefined template', () => {
-		beforeAll( async () => {
-			await activatePlugin( 'gutenberg-test-plugin-templates' );
-		} );
-
-		beforeEach( async () => {
-			await createNewPost( { postType: 'book' } );
-		} );
-
-		afterAll( async () => {
-			await deactivatePlugin( 'gutenberg-test-plugin-templates' );
-		} );
-
-		it( 'Should add a custom post types with a predefined template', async () => {
-			expect( await getEditedPostContent() ).toMatchSnapshot();
-		} );
-
-		it( 'Should respect user edits to not re-apply template after save (single block removal)', async () => {
-			// Remove a block from the template to verify that it's not
-			// re-added after saving and reloading the editor.
-			await page.click( '.editor-post-title__input' );
-			await page.keyboard.press( 'ArrowDown' );
-			await page.keyboard.press( 'Backspace' );
-			await saveDraft();
-			await page.reload();
-			await page.waitForSelector( '.edit-post-layout' );
-
-			expect( await getEditedPostContent() ).toMatchSnapshot();
-		} );
-
-		it( 'Should respect user edits to not re-apply template after save (full delete)', async () => {
-			// Remove all blocks from the template to verify that they're not
-			// re-added after saving and reloading the editor.
-			await page.type( '.editor-post-title__input', 'My Empty Book' );
-			await page.keyboard.press( 'ArrowDown' );
-			await pressKeyWithModifier( 'primary', 'A' );
-			await page.keyboard.press( 'Backspace' );
-			await saveDraft();
-			await page.reload();
-			await page.waitForSelector( '.edit-post-layout' );
-
-			expect( await getEditedPostContent() ).toMatchSnapshot();
-		} );
-	} );
-
-	describe( 'With default post format assigned', () => {
-		const STANDARD_FORMAT_VALUE = '0';
-
-		async function setPostFormat( format ) {
-			// To set the post format, we need to be the admin user.
-			await switchUserToAdmin();
-			await visitAdminPage( 'options-writing.php' );
-			await page.select( '#default_post_format', format );
-			await Promise.all( [
-				page.waitForNavigation(),
-				page.click( '#submit' ),
-			] );
-			await switchUserToTest();
-		}
-
-		beforeAll( async () => {
-			await activatePlugin(
-				'gutenberg-test-plugin-post-formats-support'
-			);
-			await setPostFormat( 'image' );
-		} );
-		afterAll( async () => {
-			await setPostFormat( STANDARD_FORMAT_VALUE );
-			await deactivatePlugin(
-				'gutenberg-test-plugin-post-formats-support'
-			);
-		} );
-
-		it( 'should populate new post with default block for format', async () => {
-			await createNewPost();
-
-			expect( await getEditedPostContent() ).toMatchSnapshot();
-		} );
-
-		it( 'should not populate edited post with default block for format', async () => {
-			await createNewPost();
-
-			// Remove the default block template to verify that it's not
-			// re-added after saving and reloading the editor.
-			await page.type( '.editor-post-title__input', 'My Image Format' );
-			await page.click( '.wp-block-image' );
-			await page.keyboard.press( 'Backspace' );
-			await saveDraft();
-			await page.reload();
-			await page.waitForSelector( '.edit-post-layout' );
-
-			// Wait a bit more for getEditedPostContent to be correct.
-			await page.waitForSelector(
-				'.block-editor-default-block-appender__content'
-			);
-
-			expect( await getEditedPostContent() ).toMatchSnapshot();
-		} );
-
-		it( 'should not populate new page with default block for format', async () => {
-			// This test always needs to run as the admin user, because other roles can't create pages.
-			// It can't be skipped, because then it failed because of not testing the snapshot.
-			await switchUserToAdmin();
-			await createNewPost( { postType: 'page' } );
-
-			expect( await getEditedPostContent() ).toMatchSnapshot();
-			await switchUserToTest();
-		} );
-	} );
-} );

package/specs/editor/various/__snapshots__/compatibility-classic-editor.test.js.snap

@@ -1,7 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Compatibility with classic editor Should not apply autop when rendering blocks 1`] = `
-"<a>
-Random Link
-</a>"
-`;

package/specs/editor/various/__snapshots__/splitting-merging.test.js.snap

@@ -1,101 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`splitting and merging blocks should delete an empty first line 1`] = `
-"<!-- wp:paragraph -->
-<p>First</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>Still Second</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`splitting and merging blocks should forward delete from an empty paragraph 1`] = `
-"<!-- wp:paragraph -->
-<p>Second</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`splitting and merging blocks should gracefully handle if placing caret in empty container 1`] = `
-"<!-- wp:paragraph -->
-<p><strong>Foo</strong></p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`splitting and merging blocks should merge into inline boundary position 1`] = `
-"<!-- wp:paragraph -->
-<p>Bar</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`splitting and merging blocks should not merge paragraphs if the selection is not collapsed 1`] = `
-"<!-- wp:paragraph -->
-<p>Foo</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`splitting and merging blocks should not split with line break in front 1`] = `
-"<!-- wp:paragraph -->
-<p>1</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>2</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`splitting and merging blocks should remove at most one paragraph in forward direction 1`] = `
-"<!-- wp:paragraph -->
-<p>First</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>Second</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`splitting and merging blocks should remove empty paragraph block on backspace 1`] = `""`;
-
-exports[`splitting and merging blocks should split and merge paragraph blocks using Enter and Backspace 1`] = `
-"<!-- wp:paragraph -->
-<p>First</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>Second</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`splitting and merging blocks should split and merge paragraph blocks using Enter and Backspace 2`] = `
-"<!-- wp:paragraph -->
-<p>FirstBetweenSecond</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`splitting and merging blocks should split and merge paragraph blocks using Enter and Backspace 3`] = `
-"<!-- wp:paragraph -->
-<p><strong>First</strong></p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>BeforeSecond:Second</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`splitting and merging blocks should undo split in one go 1`] = `
-"<!-- wp:paragraph -->
-<p>12</p>
-<!-- /wp:paragraph -->"
-`;

package/specs/editor/various/compatibility-classic-editor.test.js

@@ -1,38 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	createNewPost,
-	insertBlock,
-	publishPost,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Compatibility with classic editor', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'Should not apply autop when rendering blocks', async () => {
-		await insertBlock( 'Custom HTML' );
-		await page.keyboard.type( '<a>' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( 'Random Link' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( '</a>' );
-		await publishPost();
-
-		// View the post.
-		const viewPostLinks = await page.$x(
-			"//a[contains(text(), 'View Post')]"
-		);
-		await viewPostLinks[ 0 ].click();
-		await page.waitForNavigation();
-
-		// Check the content doesn't contain <p> tags.
-		await page.waitForSelector( '.entry-content' );
-		const content = await page.$eval( '.entry-content', ( element ) =>
-			element.innerHTML.trim()
-		);
-		expect( content ).toMatchSnapshot();
-	} );
-} );

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

@@ -1,31 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	createNewPost,
-	clickOnMoreMenuItem,
-	toggleMoreMenu,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Fullscreen Mode', () => {
-	beforeAll( async () => {
-		await createNewPost();
-	} );
-
-	it( 'should open the fullscreen mode from the more menu', async () => {
-		await clickOnMoreMenuItem( 'Fullscreen mode' );
-		await toggleMoreMenu( 'close' );
-
-		const isFullscreenEnabled = await page.$eval( 'body', ( body ) => {
-			return body.classList.contains( 'is-fullscreen-mode' );
-		} );
-
-		expect( isFullscreenEnabled ).toBe( true );
-
-		const fullscreenCloseButton = await page.$(
-			'.edit-post-fullscreen-mode-close'
-		);
-
-		expect( fullscreenCloseButton ).not.toBeNull();
-	} );
-} );

package/specs/editor/various/new-post-default-content.test.js

@@ -1,52 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	activatePlugin,
-	createNewPost,
-	deactivatePlugin,
-	findSidebarPanelToggleButtonWithTitle,
-	getEditedPostContent,
-	openDocumentSettingsSidebar,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'new editor filtered state', () => {
-	beforeAll( async () => {
-		await activatePlugin( 'gutenberg-test-plugin-default-post-content' );
-	} );
-
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	afterAll( async () => {
-		await deactivatePlugin( 'gutenberg-test-plugin-default-post-content' );
-	} );
-
-	it( 'should respect default content', async () => {
-		// Get the values that should have their defaults changed.
-		const title = await page.$eval(
-			'.editor-post-title__input',
-			( element ) => element.innerHTML
-		);
-		const content = await getEditedPostContent();
-
-		// open the sidebar, we want to see the excerpt.
-		await openDocumentSettingsSidebar();
-		const excerptButton = await findSidebarPanelToggleButtonWithTitle(
-			'Excerpt'
-		);
-		if ( excerptButton ) {
-			await excerptButton.click( 'button' );
-		}
-		const excerpt = await page.$eval(
-			'.editor-post-excerpt textarea',
-			( element ) => element.innerHTML
-		);
-
-		// Assert they match what the plugin set.
-		expect( title ).toBe( 'My default title' );
-		expect( content ).toBe( 'My default content' );
-		expect( excerpt ).toBe( 'My default excerpt' );
-	} );
-} );

package/specs/editor/various/splitting-merging.test.js

@@ -1,303 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	createNewPost,
-	insertBlock,
-	isInDefaultBlock,
-	getEditedPostContent,
-	pressKeyTimes,
-	pressKeyWithModifier,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'splitting and merging blocks', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'should split and merge paragraph blocks using Enter and Backspace', async () => {
-		// Use regular inserter to add paragraph block and text.
-		await insertBlock( 'Paragraph' );
-		await page.keyboard.type( 'FirstSecond' );
-
-		// Move caret between 'First' and 'Second' and press Enter to split
-		// paragraph blocks.
-		await pressKeyTimes( 'ArrowLeft', 6 );
-		await page.keyboard.press( 'Enter' );
-
-		// Assert that there are now two paragraph blocks with correct content.
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-
-		// Press Backspace to merge paragraph blocks.
-		await page.keyboard.press( 'Backspace' );
-
-		// Ensure that caret position is correctly placed at the between point.
-		await page.keyboard.type( 'Between' );
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-
-		await pressKeyTimes( 'Backspace', 7 ); // Delete "Between"
-
-		// Edge case: Without ensuring that the editor still has focus when
-		// restoring a bookmark, the caret may be inadvertently moved back to
-		// an inline boundary after a split occurs.
-		await page.keyboard.press( 'Home' );
-		await page.keyboard.down( 'Shift' );
-		await pressKeyTimes( 'ArrowRight', 5 );
-		await page.keyboard.up( 'Shift' );
-		await pressKeyWithModifier( 'primary', 'b' );
-		// Collapse selection, still within inline boundary.
-		await page.keyboard.press( 'ArrowRight' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( 'BeforeSecond:' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should merge into inline boundary position', async () => {
-		// Regression Test: Caret should reset to end of inline boundary when
-		// backspacing to delete second paragraph.
-		await insertBlock( 'Paragraph' );
-		await pressKeyWithModifier( 'primary', 'b' );
-		await page.keyboard.type( 'Foo' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.press( 'Backspace' );
-
-		// Replace contents of first paragraph with "Bar".
-		await pressKeyTimes( 'Backspace', 4 );
-		await page.keyboard.type( 'Bar' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should delete an empty first line', async () => {
-		// Regression Test: When a paragraph block has line break, and the first
-		// line has no text, pressing backspace at the start of the second line
-		// should remove the first.
-		//
-		// See: https://github.com/WordPress/gutenberg/issues/8388
-
-		// First paragraph.
-		await insertBlock( 'Paragraph' );
-		await page.keyboard.type( 'First' );
-		await page.keyboard.press( 'Enter' );
-
-		// Second paragraph.
-		await page.keyboard.down( 'Shift' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.up( 'Shift' );
-
-		// Delete the soft line break.
-		await page.keyboard.press( 'Backspace' );
-
-		// Typing at this point should occur still within the second paragraph,
-		// while before the regression fix it would have occurred in the first.
-		await page.keyboard.type( 'Still Second' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should not merge paragraphs if the selection is not collapsed', async () => {
-		// Regression Test: When all of a paragraph is selected, pressing
-		// backspace should delete the contents, not merge to previous.
-		//
-		// See: https://github.com/WordPress/gutenberg/issues/8268
-		await insertBlock( 'Paragraph' );
-		await page.keyboard.type( 'Foo' );
-		await insertBlock( 'Paragraph' );
-		await page.keyboard.type( 'Bar' );
-
-		// Select text.
-		await page.keyboard.down( 'Shift' );
-		await pressKeyTimes( 'ArrowLeft', 3 );
-		await page.keyboard.up( 'Shift' );
-
-		// Delete selection.
-		await page.keyboard.press( 'Backspace' );
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should gracefully handle if placing caret in empty container', async () => {
-		// Regression Test: placeCaretAtHorizontalEdge previously did not
-		// account for contentEditables which have no children.
-		//
-		// See: https://github.com/WordPress/gutenberg/issues/8676
-		await insertBlock( 'Paragraph' );
-		await page.keyboard.type( 'Foo' );
-
-		// The regression appeared to only affect paragraphs created while
-		// within an inline boundary.
-		await page.keyboard.down( 'Shift' );
-		await pressKeyTimes( 'ArrowLeft', 3 );
-		await page.keyboard.up( 'Shift' );
-		await pressKeyWithModifier( 'primary', 'b' );
-		await page.keyboard.press( 'ArrowRight' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.press( 'Enter' );
-
-		await page.keyboard.press( 'Backspace' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should forward delete from an empty paragraph', async () => {
-		// Regression test: Bogus nodes in a RichText container can interfere
-		// with isHorizontalEdge detection, preventing forward deletion.
-		//
-		// See: https://github.com/WordPress/gutenberg/issues/8731
-		await insertBlock( 'Paragraph' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( 'Second' );
-		await page.keyboard.press( 'ArrowUp' );
-		await page.keyboard.press( 'Delete' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should remove empty paragraph block on backspace', async () => {
-		// Regression Test: In a sole empty paragraph, pressing backspace
-		// should remove the block.
-		//
-		// See: https://github.com/WordPress/gutenberg/pull/8306
-		await insertBlock( 'Paragraph' );
-		await page.keyboard.press( 'Backspace' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should remove at most one paragraph in forward direction', async () => {
-		// Regression Test: A forward delete on empty RichText previously would
-		// destroy two paragraphs on the dual-action of merge & remove.
-		//
-		// See: https://github.com/WordPress/gutenberg/pull/8735
-		await insertBlock( 'Paragraph' );
-		await page.keyboard.type( 'First' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( 'Second' );
-		await page.keyboard.press( 'ArrowUp' );
-		await page.keyboard.press( 'ArrowUp' );
-		await page.keyboard.press( 'Delete' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should ensure always a default block', async () => {
-		// Feature: To avoid focus loss, removal of all blocks will result in a
-		// default block insertion at the root. Pressing backspace in a new
-		// paragraph should not effectively allow removal. This is counteracted
-		// with pre-save content processing to save post consisting of only the
-		// unmodified default block as an empty string.
-		//
-		// See: https://github.com/WordPress/gutenberg/issues/9626
-		await insertBlock( 'Paragraph' );
-		await page.keyboard.press( 'Backspace' );
-
-		// There is a default block and post title:
-		expect(
-			await page.$$( '.block-editor-block-list__block' )
-		).toHaveLength( 2 );
-
-		// But the effective saved content is still empty:
-		expect( await getEditedPostContent() ).toBe( '' );
-
-		// And focus is retained:
-		expect( await isInDefaultBlock() ).toBe( true );
-	} );
-
-	it( 'should undo split in one go', async () => {
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( '12' );
-		await page.keyboard.press( 'ArrowLeft' );
-		await page.keyboard.press( 'Enter' );
-		await pressKeyWithModifier( 'primary', 'z' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should not split with line break in front', async () => {
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( '1' );
-		await page.keyboard.press( 'Enter' );
-		await pressKeyWithModifier( 'shift', 'Enter' );
-		await page.keyboard.type( '2' );
-		await page.keyboard.press( 'ArrowLeft' );
-		await page.keyboard.press( 'Backspace' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	describe( 'test restore selection when merge produces more than one block', () => {
-		it( 'on forward delete', async () => {
-			await insertBlock( 'Paragraph' );
-			await page.keyboard.type( 'hi' );
-			await insertBlock( 'List' );
-			await page.keyboard.type( 'item 1' );
-			await page.keyboard.press( 'Enter' );
-			await page.keyboard.type( 'item 2' );
-			await pressKeyTimes( 'ArrowUp', 3 );
-			await page.keyboard.press( 'Delete' );
-			expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
-			"<!-- wp:paragraph -->
-			<p>hi</p>
-			<!-- /wp:paragraph -->
-
-			<!-- wp:paragraph -->
-			<p>item 1</p>
-			<!-- /wp:paragraph -->
-
-			<!-- wp:paragraph -->
-			<p>item 2</p>
-			<!-- /wp:paragraph -->"
-		` );
-			await page.keyboard.press( 'Delete' );
-			// Carret should be in the first block and at the proper position.
-			await page.keyboard.type( '-' );
-			expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
-			"<!-- wp:paragraph -->
-			<p>hi-item 1</p>
-			<!-- /wp:paragraph -->
-
-			<!-- wp:paragraph -->
-			<p>item 2</p>
-			<!-- /wp:paragraph -->"
-		` );
-		} );
-		it( 'on backspace', async () => {
-			await insertBlock( 'Paragraph' );
-			await page.keyboard.type( 'hi' );
-			await insertBlock( 'List' );
-			await page.keyboard.type( 'item 1' );
-			await page.keyboard.press( 'Enter' );
-			await page.keyboard.type( 'item 2' );
-			await page.keyboard.press( 'ArrowUp' );
-			await pressKeyTimes( 'ArrowLeft', 6 );
-			await page.keyboard.press( 'Backspace' );
-			expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
-			"<!-- wp:paragraph -->
-			<p>hi</p>
-			<!-- /wp:paragraph -->
-
-			<!-- wp:paragraph -->
-			<p>item 1</p>
-			<!-- /wp:paragraph -->
-
-			<!-- wp:paragraph -->
-			<p>item 2</p>
-			<!-- /wp:paragraph -->"
-		` );
-			await page.keyboard.press( 'Backspace' );
-			// Carret should be in the first block and at the proper position.
-			await page.keyboard.type( '-' );
-			expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
-			"<!-- wp:paragraph -->
-			<p>hi-item 1</p>
-			<!-- /wp:paragraph -->
-
-			<!-- wp:paragraph -->
-			<p>item 2</p>
-			<!-- /wp:paragraph -->"
-		` );
-		} );
-	} );
-} );

package/specs/site-editor/iframe-rendering-mode.test.js

@@ -1,31 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { activateTheme, visitSiteEditor } from '@wordpress/e2e-test-utils';
-
-describe( 'Site editor iframe rendering mode', () => {
-	beforeAll( async () => {
-		await activateTheme( 'emptytheme' );
-	} );
-
-	afterAll( async () => {
-		await activateTheme( 'twentytwentyone' );
-	} );
-
-	it( 'Should render editor in standards mode.', async () => {
-		await visitSiteEditor( {
-			postId: 'emptytheme//index',
-			postType: 'wp_template',
-		} );
-
-		const compatMode = await page.evaluate(
-			() =>
-				document.querySelector( `iframe[name='editor-canvas']` )
-					.contentDocument.compatMode
-		);
-
-		// CSS1Compat = expected standards mode.
-		// BackCompat = quirks mode.
-		expect( compatMode ).toBe( 'CSS1Compat' );
-	} );
-} );

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

@@ -1,33 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	deleteAllTemplates,
-	activateTheme,
-	visitSiteEditor,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Site Editor Inserter', () => {
-	beforeAll( async () => {
-		await activateTheme( 'emptytheme' );
-		await deleteAllTemplates( 'wp_template' );
-		await deleteAllTemplates( 'wp_template_part' );
-	} );
-	afterAll( async () => {
-		await activateTheme( 'twentytwentyone' );
-	} );
-	beforeEach( async () => {
-		await visitSiteEditor();
-	} );
-
-	it( 'inserter toggle button should toggle global inserter', async () => {
-		await page.click( '.edit-site-header-edit-mode__inserter-toggle' );
-		await page.waitForSelector( '.edit-site-editor__inserter-panel', {
-			visible: true,
-		} );
-		await page.click( '.edit-site-header-edit-mode__inserter-toggle' );
-		await page.waitForSelector( '.edit-site-editor__inserter-panel', {
-			hidden: true,
-		} );
-	} );
-} );