@wordpress/e2e-tests 8.31.1-next.f56bd8138.0 → 8.32.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+## 8.32.0 (2025-10-01)
+
 ## 8.31.0 (2025-09-17)
 
 ## 8.30.0 (2025-09-03)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/e2e-tests",
-	"version": "8.31.1-next.f56bd8138.0",
+	"version": "8.32.0",
 	"description": "End-To-End (E2E) tests for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -24,13 +24,13 @@
 		"npm": ">=8.19.2"
 	},
 	"dependencies": {
-		"@wordpress/e2e-test-utils": "^11.31.1-next.f56bd8138.0",
-		"@wordpress/interactivity": "^6.31.1-next.f56bd8138.0",
-		"@wordpress/interactivity-router": "^2.31.1-next.f56bd8138.0",
-		"@wordpress/jest-console": "^8.31.1-next.f56bd8138.0",
-		"@wordpress/jest-puppeteer-axe": "^7.31.1-next.f56bd8138.0",
-		"@wordpress/scripts": "^30.24.1-next.f56bd8138.0",
-		"@wordpress/url": "^4.31.1-next.f56bd8138.0",
+		"@wordpress/e2e-test-utils": "^11.32.0",
+		"@wordpress/interactivity": "^6.32.0",
+		"@wordpress/interactivity-router": "^2.32.0",
+		"@wordpress/jest-console": "^8.32.0",
+		"@wordpress/jest-puppeteer-axe": "^7.32.0",
+		"@wordpress/scripts": "^30.25.0",
+		"@wordpress/url": "^4.32.0",
 		"chalk": "^4.0.0",
 		"expect-puppeteer": "^4.4.0",
 		"filenamify": "^4.2.0",
@@ -47,5 +47,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "ea4a281fd857f48338877590de8c8eb9b9a8cef4"
+	"gitHead": "a030b4c0e0695239b942c7dc18511782b64f10ed"
 }

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

@@ -1,6 +1,6 @@
 {
 	"$schema": "https://schemas.wp.org/trunk/block.json",
-	"apiVersion": 2,
+	"apiVersion": 3,
 	"name": "test/deferred-store",
 	"title": "E2E Interactivity tests - deferred store",
 	"category": "text",

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

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

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

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

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

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

package/plugins/interactive-blocks/directive-context/render.php

@@ -166,6 +166,14 @@
 	<button data-testid="async navigate" data-wp-on--click="actions.asyncNavigate">Async Navigate</button>
 </div>
 
+<!-- Count of succesfull client-side navigations -->
+<div
+	data-testid="navigation count"
+	data-wp-interactive="directive-context-navigate"
+	data-wp-watch="callbacks.updateNavigationCount"
+	data-wp-text="state.navigationCount"
+></div>
+
 <div
 	data-wp-interactive='{"namespace": "directive-context-non-default"}'
 	data-wp-context--non-default='{ "text": "non default" }'

package/plugins/interactive-blocks/directive-context/view.js

@@ -70,7 +70,14 @@ const html = `
 			<button data-testid="async navigate" data-wp-on--click="actions.asyncNavigate">Async Navigate</button>
 		</div>`;
 
-const { actions } = store( 'directive-context-navigate', {
+const { actions, state } = store( 'directive-context-navigate', {
+	state: {
+		get navigationCount() {
+			const { __navigationCount } = state;
+			return isNaN( __navigationCount ) ? 0 : __navigationCount;
+		},
+		__navigationCount: NaN,
+	},
 	actions: {
 		toggleText() {
 			const ctx = getContext();
@@ -99,6 +106,15 @@ const { actions } = store( 'directive-context-navigate', {
 			ctx.newText = 'changed from async action';
 		},
 	},
+	callbacks: {
+		updateNavigationCount() {
+			const { state: routerState } = store( 'core/router' );
+			if ( routerState.url && isNaN( state.__navigationCount ) ) {
+				state.__navigationCount = 0;
+			}
+			state.__navigationCount++;
+		},
+	},
 } );
 
 store( 'directive-context-watch', {

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

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

package/plugins/interactive-blocks/directive-each/render.php

@@ -311,3 +311,15 @@
 >
 	<template data-wp-each="state.eachIterator"><p data-wp-text="context.item"></p></template>
 </div>
+
+<ul 
+	data-wp-interactive="directive-each"
+	data-testid="nested-with-same-item-key"
+>
+	<template data-wp-each="context.list" data-wp-context='{"list":["parent1","parent2"]}'>
+		<template data-wp-each="context.list" data-wp-context='{"list":["child1","child2"]}'>
+			<li data-wp-text="context.item"></li>
+		</template>
+		<li data-wp-text="context.item"></li>
+	</template>
+</ul>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/plugins/interactive-blocks/generator-scope/block.json

@@ -1,6 +1,6 @@
 {
 	"$schema": "https://schemas.wp.org/trunk/block.json",
-	"apiVersion": 2,
+	"apiVersion": 3,
 	"name": "test/generator-scope",
 	"title": "E2E Interactivity tests - generator scope",
 	"category": "text",

package/plugins/interactive-blocks/get-server-context/block.json

@@ -1,6 +1,6 @@
 {
 	"$schema": "https://schemas.wp.org/trunk/block.json",
-	"apiVersion": 2,
+	"apiVersion": 3,
 	"name": "test/get-server-context",
 	"title": "E2E Interactivity tests - getServerContext",
 	"category": "text",

package/plugins/interactive-blocks/get-server-state/block.json

@@ -1,6 +1,6 @@
 {
 	"$schema": "https://schemas.wp.org/trunk/block.json",
-	"apiVersion": 2,
+	"apiVersion": 3,
 	"name": "test/get-server-state",
 	"title": "E2E Interactivity tests - getServerState",
 	"category": "text",

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

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

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

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

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

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

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

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

package/plugins/interactive-blocks/router-regions/render.php

@@ -110,18 +110,54 @@
 </section>
 
 <div data-wp-interactive="router-regions">
-	<div data-wp-router-region="invalid-region-1">
-		<p data-testid="invalid-region-text-1">
-			content from page <?php echo $attributes['page']; ?>
-		</p>
-	</div>
-	<div data-wp-interactive="router-regions" data-wp-router-region="invalid-region-2">
-		<p data-testid="invalid-region-text-2">
+	<!-- Router region inside data-wp-interactive -->
+	<div
+		data-testid="valid-inside-interactive"
+		data-wp-interactive="router-regions"
+		data-wp-router-region="valid-inside-interactive"
+		data-wp-context='{ "counter": { "value": 0 } }'
+	>
+		<p data-testid="text-1">
 			content from page <?php echo $attributes['page']; ?>
 		</p>
+		<button
+			data-testid="valid-inside-interactive-counter"
+			data-wp-text="context.counter.value"
+			data-wp-on--click="actions.counter.increment"
+		>
+			NaN
+		</button>
+
+		<!-- Router region inside data-wp-router-region -->
+		<div
+			data-testid="valid-inside-router-region"
+			data-wp-interactive="router-regions"
+			data-wp-router-region="valid-inside-router-region"
+			data-wp-context='{ "counter": { "value": 0 } }'
+		>
+			<p data-testid="text-2">
+				content from page <?php echo $attributes['page']; ?>
+			</p>
+			<button
+				data-testid="valid-inside-router-region-counter"
+				data-wp-text="context.counter.value"
+				data-wp-on--click="actions.counter.increment"
+			>
+				NaN
+			</button>
+		</div>
 	</div>
 </div>
 
+<div
+	data-testid="invalid-outside-interactive"
+	data-wp-router-region="invalid-outside-interactive"
+>
+	<p data-testid="text-3">
+		content from page <?php echo $attributes['page']; ?>
+	</p>
+</div>
+
 <div id="regions-with-attach-to" data-testid="regions-with-attach-to">
 	<?php
 	/*

package/plugins/interactive-blocks/router-script-modules-alpha/block.json

@@ -1,6 +1,6 @@
 {
 	"$schema": "https://schemas.wp.org/trunk/block.json",
-	"apiVersion": 2,
+	"apiVersion": 3,
 	"name": "test/router-script-modules-alpha",
 	"title": "E2E Interactivity tests - router modules - Alpha",
 	"category": "text",

package/plugins/interactive-blocks/router-script-modules-bravo/block.json

@@ -1,6 +1,6 @@
 {
 	"$schema": "https://schemas.wp.org/trunk/block.json",
-	"apiVersion": 2,
+	"apiVersion": 3,
 	"name": "test/router-script-modules-bravo",
 	"title": "E2E Interactivity tests - router modules - Bravo",
 	"category": "text",

package/plugins/interactive-blocks/router-script-modules-charlie/block.json

@@ -1,6 +1,6 @@
 {
 	"$schema": "https://schemas.wp.org/trunk/block.json",
-	"apiVersion": 2,
+	"apiVersion": 3,
 	"name": "test/router-script-modules-charlie",
 	"title": "E2E Interactivity tests - router modules - Charlie",
 	"category": "text",

package/plugins/interactive-blocks/router-script-modules-wrapper/block.json

@@ -1,6 +1,6 @@
 {
 	"$schema": "https://schemas.wp.org/trunk/block.json",
-	"apiVersion": 2,
+	"apiVersion": 3,
 	"name": "test/router-script-modules-wrapper",
 	"title": "E2E Interactivity tests - router modules - Wrapper",
 	"category": "text",

package/plugins/interactive-blocks/router-styles-blue/block.json

@@ -1,6 +1,6 @@
 {
 	"$schema": "https://schemas.wp.org/trunk/block.json",
-	"apiVersion": 2,
+	"apiVersion": 3,
 	"name": "test/router-styles-blue",
 	"title": "E2E Interactivity tests - router styles - Blue",
 	"category": "text",

package/plugins/interactive-blocks/router-styles-green/block.json

@@ -1,6 +1,6 @@
 {
 	"$schema": "https://schemas.wp.org/trunk/block.json",
-	"apiVersion": 2,
+	"apiVersion": 3,
 	"name": "test/router-styles-green",
 	"title": "E2E Interactivity tests - router styles - Green",
 	"category": "text",

package/plugins/interactive-blocks/router-styles-red/block.json

@@ -1,6 +1,6 @@
 {
 	"$schema": "https://schemas.wp.org/trunk/block.json",
-	"apiVersion": 2,
+	"apiVersion": 3,
 	"name": "test/router-styles-red",
 	"title": "E2E Interactivity tests - router styles - Red",
 	"category": "text",

package/plugins/interactive-blocks/router-styles-wrapper/block.json

@@ -1,6 +1,6 @@
 {
 	"$schema": "https://schemas.wp.org/trunk/block.json",
-	"apiVersion": 2,
+	"apiVersion": 3,
 	"name": "test/router-styles-wrapper",
 	"title": "E2E Interactivity tests - router styles - Wrapper",
 	"category": "text",

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

@@ -1,6 +1,6 @@
 {
 	"$schema": "https://schemas.wp.org/trunk/block.json",
-	"apiVersion": 2,
+	"apiVersion": 3,
 	"name": "test/store",
 	"title": "E2E Interactivity tests - store definition",
 	"category": "text",

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

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

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

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

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

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

package/plugins/interactive-blocks/with-scope/block.json

@@ -1,6 +1,6 @@
 {
 	"$schema": "https://schemas.wp.org/trunk/block.json",
-	"apiVersion": 2,
+	"apiVersion": 3,
 	"name": "test/with-scope",
 	"title": "E2E Interactivity tests - with scope",
 	"category": "text",

package/plugins/server-side-rendered-block.php

@@ -43,5 +43,30 @@ add_action(
 				'editor_script_handles' => array( 'server-side-rendered-block' ),
 			)
 		);
+
+		// PHP-only block with auto_register flag, will be auto-registered without JS code
+		register_block_type(
+			'test/auto-register-block',
+			array(
+				'api_version'     => 3,
+				'render_callback' => static function () {
+					return '<div>Auto-register block content</div>';
+				},
+				'supports'        => array(
+					'auto_register' => true,
+				),
+			)
+		);
+
+		// PHP-only block WITHOUT auto_register flag, will NOT be auto-registered without JS code
+		register_block_type(
+			'test/php-only-no-auto-register',
+			array(
+				'api_version'     => 3,
+				'render_callback' => static function () {
+					return '<div>PHP-only block content</div>';
+				},
+			)
+		);
 	}
 );