@wordpress/e2e-tests 7.19.0 → 7.20.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+## 7.20.0 (2024-01-10)
+
 ## 7.19.0 (2023-12-13)
 
 ## 7.18.0 (2023-11-29)

package/LICENSE.md

@@ -1,6 +1,6 @@
 ## Gutenberg
 
-    Copyright 2016-2023 by the contributors
+    Copyright 2016-2024 by the contributors
 
 **License for Contributions (on and after April 15, 2021)**
 

package/jest.config.js

@@ -12,7 +12,6 @@ module.exports = {
 		'@wordpress/jest-console',
 		'@wordpress/jest-puppeteer-axe',
 		'expect-puppeteer',
-		'puppeteer-testing-library/extend-expect',
 	],
 	testPathIgnorePatterns: [ '/node_modules/' ],
 	snapshotFormat: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/e2e-tests",
-	"version": "7.19.0",
+	"version": "7.20.0",
 	"description": "End-To-End (E2E) tests for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -23,18 +23,17 @@
 		"node": ">=14"
 	},
 	"dependencies": {
-		"@wordpress/e2e-test-utils": "^10.19.0",
-		"@wordpress/interactivity": "^3.1.0",
-		"@wordpress/jest-console": "^7.19.0",
-		"@wordpress/jest-puppeteer-axe": "^6.19.0",
-		"@wordpress/scripts": "^26.19.0",
-		"@wordpress/url": "^3.49.0",
+		"@wordpress/e2e-test-utils": "^10.20.0",
+		"@wordpress/interactivity": "^3.2.0",
+		"@wordpress/jest-console": "^7.20.0",
+		"@wordpress/jest-puppeteer-axe": "^6.20.0",
+		"@wordpress/scripts": "^27.0.0",
+		"@wordpress/url": "^3.50.0",
 		"chalk": "^4.0.0",
 		"expect-puppeteer": "^4.4.0",
 		"filenamify": "^4.2.0",
 		"jest-message-util": "^29.6.2",
 		"jest-snapshot": "^29.6.2",
-		"puppeteer-testing-library": "^0.5.0",
 		"uuid": "^9.0.1"
 	},
 	"peerDependencies": {
@@ -46,5 +45,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "fcf61b4beff747222c2c81d09d757ca1a0abd925"
+	"gitHead": "5e6f9caa205d3bfdbac131952b7bf9c6ec60569b"
 }

package/plugins/iframed-block/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 3,
 	"name": "test/iframed-block",
 	"title": "Iframed Block",

package/plugins/iframed-inline-styles/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 3,
 	"name": "test/iframed-inline-styles",
 	"title": "Iframed Inline Styles",

package/plugins/iframed-masonry-block/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 3,
 	"name": "test/iframed-masonry-block",
 	"title": "Iframed Masonry Block",

package/plugins/iframed-multiple-stylesheets/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 3,
 	"name": "test/iframed-multiple-stylesheets",
 	"title": "Iframed Multiple Stylesheets",

package/plugins/interactive-blocks/directive-bind/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "test/directive-bind",
 	"title": "E2E Interactivity tests - directive bind",

package/plugins/interactive-blocks/directive-body/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "test/directive-body",
 	"title": "E2E Interactivity tests - directive body",

package/plugins/interactive-blocks/directive-class/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "test/directive-class",
 	"title": "E2E Interactivity tests - directive class",

package/plugins/interactive-blocks/directive-context/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "test/directive-context",
 	"title": "E2E Interactivity tests - directive context",

package/plugins/interactive-blocks/directive-init/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "test/directive-init",
 	"title": "E2E Interactivity tests - directive init",

package/plugins/interactive-blocks/directive-key/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "test/directive-key",
 	"title": "E2E Interactivity tests - directive key",

package/plugins/interactive-blocks/directive-on/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "test/directive-on",
 	"title": "E2E Interactivity tests - directive on",

package/plugins/interactive-blocks/directive-priorities/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "test/directive-priorities",
 	"title": "E2E Interactivity tests - directive priorities",

package/plugins/interactive-blocks/directive-slots/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "test/directive-slots",
 	"title": "E2E Interactivity tests - directive slots",

package/plugins/interactive-blocks/directive-style/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "test/directive-style",
 	"title": "E2E Interactivity tests - directive style",

package/plugins/interactive-blocks/directive-text/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "test/directive-text",
 	"title": "E2E Interactivity tests - directive text",

package/plugins/interactive-blocks/directive-watch/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "test/directive-watch",
 	"title": "E2E Interactivity tests - directive watch",

package/plugins/interactive-blocks/negation-operator/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "test/negation-operator",
 	"title": "E2E Interactivity tests - negation operator",

package/plugins/interactive-blocks/router-navigate/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "test/router-navigate",
 	"title": "E2E Interactivity tests - router navigate",

package/plugins/interactive-blocks/router-regions/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "test/router-regions",
 	"title": "E2E Interactivity tests - router regions",

package/plugins/interactive-blocks/store-tag/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "test/store-tag",
 	"title": "E2E Interactivity tests - store tag",

package/plugins/interactive-blocks/tovdom/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "test/tovdom",
 	"title": "E2E Interactivity tests - tovdom",

package/plugins/interactive-blocks/tovdom-islands/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "test/tovdom-islands",
 	"title": "E2E Interactivity tests - tovdom islands",

package/plugins/interactive-blocks/tovdom-islands/render.php

@@ -68,4 +68,16 @@ gutenberg_enqueue_module( 'tovdom-islands-view' );
 			</div>
 		</div>
 	</div>
+
+
+
+	<div data-wp-interactive='{ "namespace": "tovdom-islands" }'>
+		<div data-wp-interactive='{ "namespace": "something-new" }'></div>
+		<div data-wp-show-mock="state.falseValue">
+			<span data-testid="directive after different namespace">
+				The directive above should keep the `tovdom-island` namespace,
+				so this message should not be visible.
+			</span>
+		</div>
+	</div>
 </div>

package/plugins/pattern-recursion.php

@@ -0,0 +1,22 @@
+<?php
+/**
+ * Plugin Name: Gutenberg Test Protection Against Recursive Patterns
+ * Plugin URI: https://github.com/WordPress/gutenberg
+ * Author: Gutenberg Team
+ *
+ * @package gutenberg-test-pattern-recursion
+ */
+
+add_filter(
+	'init',
+	function () {
+		register_block_pattern(
+			'evil/recursive',
+			array(
+				'title'       => 'Evil recursive',
+				'description' => 'Evil recursive',
+				'content'     => '<!-- wp:paragraph --><p>Hello</p><!-- /wp:paragraph --><!-- wp:pattern {"slug":"evil/recursive"} /-->',
+			)
+		);
+	}
+);

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

@@ -323,7 +323,7 @@ describe( 'Inserting blocks', () => {
 		);
 		await browseAll.click();
 		const availableBlocks = await page.$$(
-			'.edit-post-editor__inserter-panel .block-editor-block-types-list__list-item'
+			'.editor-inserter-sidebar .block-editor-block-types-list__list-item'
 		);
 		expect( availableBlocks ).toHaveLength( 1 );
 	} );
@@ -332,13 +332,11 @@ describe( 'Inserting blocks', () => {
 	it( 'closes the main inserter after inserting a single-use block, like the More block', async () => {
 		await insertBlock( 'More' );
 		await page.waitForSelector(
-			'.edit-post-header-toolbar__inserter-toggle:not(.is-pressed)'
+			'.editor-document-tools__inserter-toggle:not(.is-pressed)'
 		);
 
 		// The inserter panel should've closed.
-		const inserterPanels = await page.$$(
-			'.edit-post-editor__inserter-panel'
-		);
+		const inserterPanels = await page.$$( '.editor-inserter-sidebar' );
 		expect( inserterPanels.length ).toBe( 0 );
 
 		// The editable 'Read More' text should be focused.

package/specs/editor/various/__snapshots__/block-editor-keyboard-shortcuts.test.js.snap

@@ -1,153 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`block editor keyboard shortcuts move blocks multiple blocks selected should move the blocks down 1`] = `
-"<!-- wp:paragraph -->
-<p>1st</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>2nd</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>3rd</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`block editor keyboard shortcuts move blocks multiple blocks selected should move the blocks down 2`] = `
-"<!-- wp:paragraph -->
-<p>3rd</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>1st</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>2nd</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`block editor keyboard shortcuts move blocks multiple blocks selected should move the blocks up 1`] = `
-"<!-- wp:paragraph -->
-<p>1st</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>2nd</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>3rd</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`block editor keyboard shortcuts move blocks multiple blocks selected should move the blocks up 2`] = `
-"<!-- wp:paragraph -->
-<p>2nd</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>3rd</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>1st</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`block editor keyboard shortcuts move blocks single block selected should move the block down 1`] = `
-"<!-- wp:paragraph -->
-<p>1st</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>2nd</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>3rd</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`block editor keyboard shortcuts move blocks single block selected should move the block down 2`] = `
-"<!-- wp:paragraph -->
-<p>1st</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>3rd</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>2nd</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`block editor keyboard shortcuts move blocks single block selected should move the block up 1`] = `
-"<!-- wp:paragraph -->
-<p>1st</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>2nd</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>3rd</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`block editor keyboard shortcuts move blocks single block selected should move the block up 2`] = `
-"<!-- wp:paragraph -->
-<p>3rd</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>1st</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>2nd</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`block editor keyboard shortcuts test shortcuts handling through portals in the same tree should prevent deleting multiple selected blocks from inputs 1`] = `
-"<!-- wp:paragraph -->
-<p>1st</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>2nd</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>3rd</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`block editor keyboard shortcuts test shortcuts handling through portals in the same tree should propagate properly and duplicate selected blocks 1`] = `
-"<!-- wp:paragraph -->
-<p>1st</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>2nd</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>3rd</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>1st</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>2nd</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>3rd</p>
-<!-- /wp:paragraph -->"
-`;

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

@@ -1,74 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	activatePlugin,
-	createNewPost,
-	deactivatePlugin,
-	searchForPattern,
-	toggleGlobalBlockInserter,
-} from '@wordpress/e2e-test-utils';
-
-const checkPatternExistence = async ( name, available = true ) => {
-	await searchForPattern( name );
-	const patternElement = await page.waitForXPath(
-		`//div[@role = 'option']//div[contains(text(), '${ name }')]`,
-		{ timeout: 5000, visible: available, hidden: ! available }
-	);
-	const patternExists = !! patternElement;
-	await toggleGlobalBlockInserter();
-	return patternExists;
-};
-
-const TEST_PATTERNS = [
-	[ 'Test: Single heading', true ],
-	[ 'Test: Single paragraph', false ],
-	[ 'Test: Paragraph inside group', false ],
-];
-
-describe( 'Allowed Patterns', () => {
-	beforeAll( async () => {
-		await activatePlugin( 'gutenberg-test-allowed-patterns' );
-		await createNewPost();
-	} );
-	afterAll( async () => {
-		await deactivatePlugin( 'gutenberg-test-allowed-patterns' );
-	} );
-
-	describe( 'Disable blocks plugin disabled', () => {
-		for ( const [ patternName ] of TEST_PATTERNS ) {
-			it( `should show test pattern "${ patternName }"`, async () => {
-				expect( await checkPatternExistence( patternName, true ) ).toBe(
-					true
-				);
-			} );
-		}
-	} );
-
-	describe( 'Disable blocks plugin enabled', () => {
-		beforeAll( async () => {
-			await activatePlugin(
-				'gutenberg-test-allowed-patterns-disable-blocks'
-			);
-			await createNewPost();
-		} );
-		afterAll( async () => {
-			await deactivatePlugin(
-				'gutenberg-test-allowed-patterns-disable-blocks'
-			);
-		} );
-
-		for ( const [ patternName, shouldBeAvailable ] of TEST_PATTERNS ) {
-			it( `should${
-				shouldBeAvailable ? '' : ' not'
-			} show test "pattern ${ patternName }"`, async () => {
-				expect(
-					await checkPatternExistence(
-						patternName,
-						shouldBeAvailable
-					)
-				).toBe( shouldBeAvailable );
-			} );
-		}
-	} );
-} );

package/specs/editor/various/block-editor-keyboard-shortcuts.test.js

@@ -1,110 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	createNewPost,
-	clickBlockAppender,
-	getEditedPostContent,
-	pressKeyWithModifier,
-	clickBlockToolbarButton,
-	clickMenuItem,
-	clickOnCloseModalButton,
-	canvas,
-} from '@wordpress/e2e-test-utils';
-
-const createTestParagraphBlocks = async () => {
-	await clickBlockAppender();
-	await page.keyboard.type( '1st' );
-	await page.keyboard.press( 'Enter' );
-	await page.keyboard.type( '2nd' );
-	await page.keyboard.press( 'Enter' );
-	await page.keyboard.type( '3rd' );
-};
-
-describe( 'block editor keyboard shortcuts', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	describe( 'move blocks', () => {
-		const moveUp = async () => pressKeyWithModifier( 'secondary', 't' );
-		const moveDown = async () => pressKeyWithModifier( 'secondary', 'y' );
-		describe( 'single block selected', () => {
-			it( 'should move the block up', async () => {
-				await createTestParagraphBlocks();
-				expect( await getEditedPostContent() ).toMatchSnapshot();
-				await moveUp();
-				await moveUp();
-				expect( await getEditedPostContent() ).toMatchSnapshot();
-			} );
-
-			it( 'should move the block down', async () => {
-				await createTestParagraphBlocks();
-				expect( await getEditedPostContent() ).toMatchSnapshot();
-				await page.keyboard.press( 'ArrowUp' );
-				await moveDown();
-				expect( await getEditedPostContent() ).toMatchSnapshot();
-			} );
-		} );
-
-		describe( 'multiple blocks selected', () => {
-			it( 'should move the blocks up', async () => {
-				await createTestParagraphBlocks();
-				expect( await getEditedPostContent() ).toMatchSnapshot();
-				await pressKeyWithModifier( 'shift', 'ArrowUp' );
-				await canvas().waitForSelector(
-					'[aria-label="Multiple selected blocks"]'
-				);
-				await moveUp();
-				expect( await getEditedPostContent() ).toMatchSnapshot();
-			} );
-
-			it( 'should move the blocks down', async () => {
-				await createTestParagraphBlocks();
-				expect( await getEditedPostContent() ).toMatchSnapshot();
-				await page.keyboard.press( 'ArrowUp' );
-				await pressKeyWithModifier( 'shift', 'ArrowUp' );
-				await canvas().waitForSelector(
-					'[aria-label="Multiple selected blocks"]'
-				);
-				await moveDown();
-				expect( await getEditedPostContent() ).toMatchSnapshot();
-			} );
-		} );
-	} );
-	describe( 'test shortcuts handling through portals in the same tree', () => {
-		beforeEach( async () => {
-			await createTestParagraphBlocks();
-			// Multiselect via keyboard.
-			await pressKeyWithModifier( 'primary', 'a' );
-			await pressKeyWithModifier( 'primary', 'a' );
-		} );
-		it( 'should propagate properly and duplicate selected blocks', async () => {
-			await clickBlockToolbarButton( 'Options' );
-			const label = 'Duplicate';
-			await page.$x(
-				`//div[@role="menu"]//span[contains(concat(" ", @class, " "), " components-menu-item__item ")][contains(text(), "${ label }")]`
-			);
-			await pressKeyWithModifier( 'primaryShift', 'd' );
-			expect( await getEditedPostContent() ).toMatchSnapshot();
-		} );
-		it( 'should prevent deleting multiple selected blocks from inputs', async () => {
-			await clickBlockToolbarButton( 'Options' );
-			await clickMenuItem( 'Create pattern' );
-			const reusableBlockNameInputSelector =
-				'.patterns-menu-items__convert-modal .components-text-control__input';
-			const nameInput = await page.waitForSelector(
-				reusableBlockNameInputSelector
-			);
-			await nameInput.click();
-			await page.keyboard.type( 'hi' );
-			await page.keyboard.press( 'Backspace' );
-			await page.keyboard.press( 'ArrowLeft' );
-			await page.keyboard.press( 'Delete' );
-			await clickOnCloseModalButton(
-				'.patterns-menu-items__convert-modal'
-			);
-			expect( await getEditedPostContent() ).toMatchSnapshot();
-		} );
-	} );
-} );