@wordpress/e2e-tests 7.18.1 → 7.19.1-next.79a6196f.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+## 7.19.0 (2023-12-13)
+
 ## 7.18.0 (2023-11-29)
 
 ## 7.17.0 (2023-11-16)

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.18.1",
+	"version": "7.19.1-next.79a6196f.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.18.0",
-		"@wordpress/interactivity": "^3.0.1",
-		"@wordpress/jest-console": "^7.18.0",
-		"@wordpress/jest-puppeteer-axe": "^6.18.0",
-		"@wordpress/scripts": "^26.18.0",
-		"@wordpress/url": "^3.48.0",
+		"@wordpress/e2e-test-utils": "^10.19.1-next.79a6196f.0",
+		"@wordpress/interactivity": "^3.1.2-next.79a6196f.0",
+		"@wordpress/jest-console": "^7.19.1-next.79a6196f.0",
+		"@wordpress/jest-puppeteer-axe": "^6.19.1-next.79a6196f.0",
+		"@wordpress/scripts": "^27.0.1-next.79a6196f.0",
+		"@wordpress/url": "^3.49.1-next.79a6196f.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": "12b897d7feff1cb00ddbf9016b62c1177d9c0081"
+	"gitHead": "1e74b942ac0119a22ceaaf5c9594263f3ec516ab"
 }

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-navigate/render.php

@@ -3,6 +3,7 @@
  * HTML for testing the router navigate function.
  *
  * @package gutenberg-test-interactive-blocks
+ *
  * @phpcs:disable VariableAnalysis.CodeAnalysis.VariableAnalysis.UndefinedVariable
  */
 

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/router-regions/render.php

@@ -3,6 +3,7 @@
  * HTML for testing the hydration of router regions.
  *
  * @package gutenberg-test-interactive-blocks
+ *
  * @phpcs:disable VariableAnalysis.CodeAnalysis.VariableAnalysis.UndefinedVariable
  */
 

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/store-tag/render.php

@@ -3,6 +3,7 @@
  * HTML for testing the hydration of the serialized store.
  *
  * @package gutenberg-test-interactive-blocks
+ *
  * @phpcs:disable VariableAnalysis.CodeAnalysis.VariableAnalysis.UndefinedVariable
  */
 

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/change-detection.test.js

@@ -370,7 +370,11 @@ describe( 'Change detection', () => {
 	it( 'consecutive edits to the same attribute should mark the post as dirty after a save', async () => {
 		// Open the sidebar block settings.
 		await openDocumentSettingsSidebar();
-		await page.click( '.edit-post-sidebar__panel-tab[data-label="Block"]' );
+
+		const blockInspectorTab = await page.waitForXPath(
+			'//button[@role="tab"][contains(text(), "Block")]'
+		);
+		await blockInspectorTab.click();
 
 		// Insert a paragraph.
 		await clickBlockAppender();

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/plugins/innerblocks-locking-all-embed.js

@@ -1,56 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	activatePlugin,
-	createNewPost,
-	deactivatePlugin,
-	insertBlock,
-	createEmbeddingMatcher,
-	createJSONResponse,
-	setUpResponseMocking,
-} from '@wordpress/e2e-test-utils';
-
-const MOCK_RESPONSES = [
-	{
-		match: createEmbeddingMatcher( 'https://twitter.com/wordpress' ),
-		onRequestMatch: createJSONResponse( {
-			url: 'https://twitter.com/wordpress',
-			html: '<p>Mock success response.</p>',
-			type: 'rich',
-			provider_name: 'Twitter',
-			provider_url: 'https://twitter.com',
-			version: '1.0',
-		} ),
-	},
-];
-
-describe( 'Embed block inside a locked all parent', () => {
-	beforeAll( async () => {
-		await activatePlugin( 'gutenberg-test-innerblocks-locking-all-embed' );
-	} );
-
-	beforeEach( async () => {
-		await setUpResponseMocking( MOCK_RESPONSES );
-		await createNewPost();
-	} );
-
-	afterAll( async () => {
-		await deactivatePlugin(
-			'gutenberg-test-innerblocks-locking-all-embed'
-		);
-	} );
-
-	it( 'embed block should be able to embed external content', async () => {
-		await insertBlock( 'Test Inner Blocks Locking All Embed' );
-		const embedInputSelector =
-			'.components-placeholder__input[aria-label="Embed URL"]';
-		await page.waitForSelector( embedInputSelector );
-		await page.click( embedInputSelector );
-		// This URL should not have a trailing slash.
-		await page.keyboard.type( 'https://twitter.com/wordpress' );
-		await page.keyboard.press( 'Enter' );
-		// The twitter block should appear correctly.
-		await page.waitForSelector( 'figure.wp-block-embed' );
-	} );
-} );

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 );
-			} );
-		}
-	} );
-} );