@wordpress/e2e-tests 8.31.1-next.f56bd8138.0 → 8.32.1-next.47f435fc9.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.1-next.47f435fc9.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.1-next.47f435fc9.0",
+		"@wordpress/interactivity": "^6.33.1-next.47f435fc9.0",
+		"@wordpress/interactivity-router": "^2.32.1-next.47f435fc9.0",
+		"@wordpress/jest-console": "^8.32.1-next.47f435fc9.0",
+		"@wordpress/jest-puppeteer-axe": "^7.32.1-next.47f435fc9.0",
+		"@wordpress/scripts": "^30.25.1-next.47f435fc9.0",
+		"@wordpress/url": "^4.32.1-next.47f435fc9.0",
 		"chalk": "^4.0.0",
 		"expect-puppeteer": "^4.4.0",
 		"filenamify": "^4.2.0",
@@ -47,5 +47,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "ea4a281fd857f48338877590de8c8eb9b9a8cef4"
+	"gitHead": "9720f22c138771d2ed1a0522725c3cdf1c242953"
 }

package/plugins/block-bindings/index.js

@@ -13,13 +13,20 @@ const getValues = ( { bindings } ) => {
 	}
 	return newValues;
 };
-const setValues = ( { dispatch, bindings } ) => {
+const setValues = ( { dispatch, context, bindings } ) => {
+	const newMeta = {};
 	Object.values( bindings ).forEach( ( { args, newValue } ) => {
-		// Example of what could be done.
-		dispatch( 'core' ).editEntityRecord( 'postType', 'post', 1, {
-			meta: { [ args?.key ]: newValue },
-		} );
+		newMeta[ args.key ] = newValue;
 	} );
+
+	dispatch( 'core' ).editEntityRecord(
+		'postType',
+		context?.postType,
+		context?.postId,
+		{
+			meta: newMeta,
+		}
+	);
 };
 
 registerBlockBindingsSource( {
@@ -27,7 +34,90 @@ registerBlockBindingsSource( {
 	getValues,
 	setValues,
 	canUserEditValue: () => true,
-	getFieldsList: () => fieldsList,
+	editorUI() {
+		return {
+			mode: 'dropdown',
+			data: Object.entries( fieldsList || {} ).map(
+				( [ key, field ] ) => ( {
+					label: field?.label || key,
+					type: field?.type || 'string',
+					args: {
+						key,
+					},
+				} )
+			),
+		};
+	},
+} );
+
+const ModalButton = ( { fieldKey, fieldLabel, attribute, closeModal } ) => {
+	const { updateBlockBindings } = wp.blockEditor.useBlockBindingsUtils();
+
+	return el(
+		'button',
+		{
+			onClick: () => {
+				updateBlockBindings( {
+					[ attribute ]: {
+						source: 'testing/modal-source',
+						args: { key: fieldKey },
+					},
+				} );
+				closeModal();
+			},
+			style: {
+				display: 'block',
+				margin: '5px 0',
+				padding: '10px',
+				width: '100%',
+			},
+		},
+		fieldLabel
+	);
+};
+
+registerBlockBindingsSource( {
+	name: 'testing/modal-source',
+	label: 'Modal Source',
+	getValues,
+	setValues,
+	canUserEditValue: () => true,
+	editorUI() {
+		return {
+			mode: 'modal',
+			data: Object.entries( fieldsList || {} ).map(
+				( [ key, field ] ) => ( {
+					label: field?.label || key,
+					type: field?.type || 'string',
+					args: {
+						key,
+					},
+				} )
+			),
+			renderModalContent( { attribute, closeModal } ) {
+				return el(
+					'div',
+					{ style: { padding: '20px' } },
+					el( 'h3', null, 'Select a field from the modal' ),
+					el(
+						'p',
+						null,
+						'This is a modal interface for selecting fields.'
+					),
+					Object.entries( fieldsList || {} ).map(
+						( [ key, field ] ) =>
+							el( ModalButton, {
+								key,
+								fieldKey: key,
+								fieldLabel: field?.label || key,
+								attribute,
+								closeModal,
+							} )
+					)
+				);
+			},
+		};
+	},
 } );
 
 registerBlockBindingsSource( {

package/plugins/block-bindings.php

@@ -18,21 +18,26 @@ function gutenberg_test_block_bindings_registration() {
 	$upload_dir  = wp_upload_dir();
 	$testing_url = $upload_dir['url'] . '/1024x768_e2e_test_image_size.jpeg';
 	$fields_list = array(
-		'text_field'  => array(
+		'text_field'          => array(
 			'label' => 'Text Field Label',
 			'value' => 'Text Field Value',
 			'type'  => 'string',
 		),
-		'url_field'   => array(
+		'url_field'           => array(
 			'label' => 'URL Field Label',
 			'value' => $testing_url,
 			'type'  => 'string',
 		),
-		'empty_field' => array(
+		'empty_field'         => array(
 			'label' => 'Empty Field Label',
 			'value' => '',
 			'type'  => 'string',
 		),
+		'number_custom_field' => array(
+			'label' => 'Number Custom Field Label',
+			'value' => 10.5,
+			'type'  => 'number',
+		),
 	);
 
 	// Enqueue a custom script for the plugin.
@@ -69,7 +74,9 @@ function gutenberg_test_block_bindings_registration() {
 				if ( ! isset( $source_args['key'] ) || ! isset( $fields_list[ $source_args['key'] ] ) ) {
 					return null;
 				}
-				return $fields_list[ $source_args['key'] ]['value']; },
+				return $fields_list[ $source_args['key'] ]['value'];
+			},
+			'uses_context'       => array( 'postType', 'postId' ),
 		)
 	);
 	register_block_bindings_source(
@@ -164,7 +171,7 @@ function gutenberg_test_block_bindings_registration() {
 	);
 	register_meta(
 		'post',
-		'number',
+		'number_custom_field',
 		array(
 			'label'        => 'Number custom field',
 			'type'         => 'number',

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

@@ -97,4 +97,15 @@
 		>Toggle</button>
 	</div>
 	<?php endforeach; ?>
+
+	<div data-wp-context='{"test": true}'>
+		<div
+			data-testid="without-unique-id"
+			data-wp-bind--data-test="context.test"
+		></div>
+		<div
+			data-testid="with-unique-id"
+			data-wp-bind--data-test---unique-id="context.test"
+		></div>
+	</div>
 </div>

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

@@ -79,8 +79,10 @@
 	></div>
 
 	<div
-		data-wp-class--main-bg----color="state.trueValue"
 		data-testid="can use classes with several dashes"
+		data-wp-class--main-bg--color="state.trueValue"
+		data-wp-class--main-bg---color="state.trueValue"
+		data-wp-class--main-bg----color="state.trueValue"
 	></div>
 
 	<div data-wp-context='{ "value": false }'>

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" }'
@@ -233,3 +241,23 @@
 		></span>
 	</div>
 </div>
+
+<div
+	data-wp-interactive="directive-context/multiple"
+	data-wp-context='{ "prop": "parent", "parent": true }'
+>
+	<div
+		data-wp-context='{ "prop": "default", "default": true }'
+		data-wp-context---id1='{ "prop": "id1", "id1": true }'
+		data-wp-context---id2='other-namespace::{ "prop": true }'
+	>
+		<span
+			data-testid="multiple context in the same element"
+			data-wp-bind--data-test-prop="context.prop"
+			data-wp-bind--data-test-parent="context.parent"
+			data-wp-bind--data-test-default="context.default"
+			data-wp-bind--data-test-id1="context.id1"
+			data-wp-bind--data-test-other="other-namespace::context.prop"
+		></span>
+	</div>
+</div>

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,32 @@
 >
 	<template data-wp-each="state.eachIterator"><p data-wp-text="context.item"></p></template>
 </div>
+
+<div
+	data-wp-interactive="directive-each"
+	data-testid="each-with-multiple-directives"
+>
+	<template
+		data-wp-each="state.eachArray"
+		data-wp-each--item="state.eachArray"
+	>
+		<p data-wp-text="context.item"></p>
+	</template>
+	<template
+		data-wp-each---unique-id="state.eachArray"
+	>
+		<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-init/render.php

@@ -20,7 +20,7 @@
 		data-testid="multiple inits"
 		data-wp-context='{"isReady":[false,false],"calls":[0,0]}'
 		data-wp-init--one="actions.initOne"
-		data-wp-init--two="actions.initTwo"
+		data-wp-init---two="actions.initTwo"
 	>
 		<p data-wp-text="state.isReady" data-testid="isReady">false,false</p>
 		<p data-wp-text="state.calls" data-testid="calls">0,0</p>

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

@@ -67,7 +67,7 @@
 			data-testid="multiple handlers button"
 			data-wp-on--click="actions.setClicked"
 			data-wp-on--click--counter="actions.countClick"
-			data-wp-on--click--toggle="actions.toggle"
+			data-wp-on--click---toggle="actions.toggle"
 		>Click me!</button>
 	</div>
 </div>

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

@@ -24,8 +24,13 @@
 			<p data-wp-text="state.counter" data-testid="counter">0</p>
 		</div>
 	</div>
-	<div data-wp-on-document--keydown="actions.keydownHandler" data-wp-on-document--keydown--second="actions.keydownSecondHandler">
+	<div
+		data-wp-on-document--keydown="actions.keydownHandler"
+		data-wp-on-document--keydown--second="actions.keydownSecondHandler"
+		data-wp-on-document--keydown---third="actions.keydownThirdHandler"
+	>
 		<p data-wp-text="state.keydownHandler" data-testid="keydownHandler">no</p>
 		<p data-wp-text="state.keydownSecondHandler" data-testid="keydownSecondHandler">no</p>
+		<p data-wp-text="state.keydownThirdHandler" data-testid="keydownThirdHandler">no</p>
 	</div>
 </div>

package/plugins/interactive-blocks/directive-on-document/view.js

@@ -31,6 +31,7 @@ const { state } = store( 'directive-on-document', {
 		isEventAttached: 'no',
 		keydownHandler: 'no',
 		keydownSecondHandler: 'no',
+		keydownThirdHandler: 'no',
 	},
 	callbacks: {
 		keydownHandler() {
@@ -51,5 +52,8 @@ const { state } = store( 'directive-on-document', {
 		keydownSecondHandler: () => {
 			state.keydownSecondHandler = 'yes';
 		},
+		keydownThirdHandler: () => {
+			state.keydownThirdHandler = 'yes';
+		},
 	},
 } );

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

@@ -21,8 +21,13 @@
 			<p data-wp-text="state.counter" data-testid="counter">0</p>
 		</div>
 	</div>
-	<div data-wp-on-window--resize="actions.resizeHandler" data-wp-on-window--resize--second="actions.resizeSecondHandler">
+	<div
+		data-wp-on-window--resize="actions.resizeHandler"
+		data-wp-on-window--resize--second="actions.resizeSecondHandler"
+		data-wp-on-window--resize---third="actions.resizeThirdHandler"
+	>
 		<p data-wp-text="state.resizeHandler" data-testid="resizeHandler">no</p>
 		<p data-wp-text="state.resizeSecondHandler" data-testid="resizeSecondHandler">no</p>
+		<p data-wp-text="state.resizeThirdHandler" data-testid="resizeThirdHandler">no</p>
 	</div>
 </div>

package/plugins/interactive-blocks/directive-on-window/view.js

@@ -31,6 +31,7 @@ const { state } = store( 'directive-on-window', {
 		isEventAttached: 'no',
 		resizeHandler: 'no',
 		resizeSecondHandler: 'no',
+		resizeThirdHandler: 'no',
 	},
 	callbacks: {
 		resizeHandler() {
@@ -51,5 +52,8 @@ const { state } = store( 'directive-on-window', {
 		resizeSecondHandler: () => {
 			state.resizeSecondHandler = 'yes';
 		},
+		resizeThirdHandler: () => {
+			state.resizeThirdHandler = 'yes';
+		},
 	},
 } );

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

@@ -16,8 +16,8 @@
 	<div data-testid="navigated">no</div>
 
 	<div
-		data-wp-run--hydrated="callbacks.updateIsHydrated"
-		data-wp-run--renderCount="callbacks.updateRenderCount"
+		data-wp-run---hydrated="callbacks.updateIsHydrated"
+		data-wp-run---renderCount="callbacks.updateRenderCount"
 		data-wp-text="state.clickCount"
 	></div>
 </div>
@@ -44,7 +44,7 @@
 	>
 		<div
 			data-wp-run--mounted="callbacks.updateIsMounted"
-			data-wp-run--hooks="callbacks.useHooks"
+			data-wp-run---hooks="callbacks.useHooks"
 		>
 			Element with wp-run using hooks
 		</div>

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

@@ -89,4 +89,14 @@
 			Toggle context
 		</button>
 	</div>
+
+	<div data-wp-style----var="state.color">
+		<span style="color: var(--var);" data-testid="can use CSS variables">
+			Uses CSS variables
+		</span>
+	</div>
+
+	<div data-wp-style--color---unique-id="state.color" data-testid="ignores unique-ids">
+		Ignores unique-ids
+	</div>
 </div>

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

@@ -45,5 +45,14 @@
 			data-wp-text="state.boolean"
 			data-testid="show state boolean"
 		></span>
+
+		<span
+			data-wp-text--suffix="state.text"
+			data-testid="ignores suffixes"
+		></span>
+		<span
+			data-wp-text---unique-id="state.text"
+			data-testid="ignores unique-ids"
+		></span>
 	</div>
 </div>

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

@@ -29,6 +29,14 @@
 		0
 	</div>
 
+	<div
+		data-testid="multiple watches"
+		data-wp-watch--one="callbacks.watch1"
+		data-wp-watch---two="callbacks.watch2"
+		data-wp-bind--data-watch-one="state.watch1"
+		data-wp-bind--data-watch-two="state.watch2"
+	></div>
+
 	<button data-testid="toggle" data-wp-on--click="actions.toggle">
 		Update
 	</button>

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

@@ -34,6 +34,8 @@ const { state } = store( 'directive-watch', {
 				? 'element is in the DOM'
 				: 'element is not in the DOM';
 		},
+		watch1: false,
+		watch2: false,
 	},
 	actions: {
 		toggle() {
@@ -59,5 +61,11 @@ const { state } = store( 'directive-watch', {
 		infiniteLoop: () => {
 			state.counter = state.counter + 1;
 		},
+		watch1: () => {
+			state.watch1 = true;
+		},
+		watch2: () => {
+			state.watch2 = true;
+		},
 	},
 } );

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,43 @@ 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(
+				'render_callback' => static function ( $attributes ) {
+					$wrapper_attributes = get_block_wrapper_attributes(
+						array(
+							'class' => 'auto-register-example',
+						)
+					);
+
+					return sprintf(
+						'<div %1$s><p>Auto-register block content</p><p>Background: %2$s</p></div>',
+						$wrapper_attributes,
+						isset( $attributes['backgroundColor'] ) ? esc_html( $attributes['backgroundColor'] ) : 'default'
+					);
+				},
+				'supports'        => array(
+					'auto_register' => true,
+					'color'         => array(
+						'background' => true,
+						'text'       => false,
+					),
+				),
+			)
+		);
+
+		// 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>';
+				},
+			)
+		);
 	}
 );