@wordpress/e2e-tests 9.7.0 → 9.8.1-next.v.202604091042.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+## 9.8.0 (2026-04-01)
+
 ## 9.7.0 (2026-03-18)
 
 ## 9.6.0 (2026-03-04)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/e2e-tests",
-	"version": "9.7.0",
+	"version": "9.8.1-next.v.202604091042.0+668146787",
 	"description": "Test plugins and mu-plugins for E2E tests in WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -24,8 +24,8 @@
 		"npm": ">=8.19.2"
 	},
 	"dependencies": {
-		"@wordpress/interactivity": "^6.42.0",
-		"@wordpress/interactivity-router": "^2.42.0"
+		"@wordpress/interactivity": "^6.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/interactivity-router": "^2.43.1-next.v.202604091042.0+668146787"
 	},
 	"peerDependencies": {
 		"jest": ">=29",
@@ -36,5 +36,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "c20787b1778ae64c2db65643b1c236309d68e6ba"
+	"gitHead": "73606df74f1c38a084bfa5db97205259ef817593"
 }

package/plugins/connectors-js-extensibility/index.mjs

@@ -0,0 +1,35 @@
+/**
+ * Script module that demonstrates client-side connector registration.
+ *
+ * The server registers test_custom_service with its name and description.
+ * This module calls registerConnector() with the same slug to add a render
+ * function. The store merges both registrations, so the final connector
+ * combines the render function from JS with the metadata from PHP.
+ */
+
+// eslint-disable-next-line import/no-extraneous-dependencies
+import {
+	__experimentalRegisterConnector as registerConnector,
+	__experimentalConnectorItem as ConnectorItem,
+} from '@wordpress/connectors';
+
+const h = window.React.createElement;
+
+// Register the render function for the connector.
+registerConnector( 'test_custom_service', {
+	render: ( props ) =>
+		h(
+			ConnectorItem,
+			{
+				className: 'connector-item--test_custom_service',
+				name: props.name,
+				description: props.description,
+				logo: props.logo,
+			},
+			h(
+				'p',
+				{ className: 'test-custom-service-content' },
+				'Custom rendered content for testing.'
+			)
+		),
+} );

package/plugins/connectors-js-extensibility.php

@@ -0,0 +1,68 @@
+<?php
+/**
+ * Plugin Name: Gutenberg Test Connectors JS Extensibility
+ * Plugin URI: https://github.com/WordPress/gutenberg
+ * Author: Gutenberg Team
+ *
+ * Registers two custom-type connectors on the server:
+ *
+ * 1. test_custom_service — also registered client-side via a script module using
+ *    the merging strategy (two registerConnector calls with the same slug: one
+ *    providing the render function, the other metadata).
+ * 2. test_server_only_service — server-only, with no client-side render function,
+ *    so it should not display a card in the UI.
+ *
+ * @package gutenberg-test-connectors-js-extensibility
+ */
+
+// Register two custom-type connectors for E2E testing.
+add_action(
+	'wp_connectors_init',
+	static function ( WP_Connector_Registry $registry ) {
+		$registry->register(
+			'test_custom_service',
+			array(
+				'name'           => 'Test Custom Service',
+				'description'    => 'A custom service for E2E testing.',
+				'type'           => 'custom_service',
+				'authentication' => array(
+					'method' => 'none',
+				),
+			)
+		);
+
+		$registry->register(
+			'test_server_only_service',
+			array(
+				'name'           => 'Test Server Only Service',
+				'description'    => 'A server-only service with no JS render.',
+				'type'           => 'custom_service',
+				'authentication' => array(
+					'method' => 'none',
+				),
+			)
+		);
+	}
+);
+
+// Enqueue the script module on the connectors page.
+add_action(
+	'admin_enqueue_scripts',
+	static function () {
+		if ( ! isset( $_GET['page'] ) || 'options-connectors-wp-admin' !== $_GET['page'] ) {
+			return;
+		}
+
+		wp_register_script_module(
+			'gutenberg-test-connectors-js-extensibility',
+			plugins_url( 'connectors-js-extensibility/index.mjs', __FILE__ ),
+			array(
+				array(
+					'id'     => '@wordpress/connectors',
+					'import' => 'static',
+				),
+			)
+		);
+		wp_enqueue_script_module( 'gutenberg-test-connectors-js-extensibility' );
+	}
+);

package/plugins/interactive-blocks/generator-scope/view.js

@@ -23,7 +23,7 @@ const { callbacks } = store( 'test/generator-scope', {
 			let value = yield Promise.resolve( 1 );
 			try {
 				value = yield Promise.reject( 2 );
-			} catch ( e ) {
+			} catch {
 				value = yield Promise.resolve( 3 );
 			}
 			getContext().result = value;

package/plugins/interactive-blocks/router-navigate/view.js

@@ -34,7 +34,7 @@ const { state } = store( 'router', {
 
 			try {
 				yield actions.navigate( e.target.href, { force, timeout } );
-			} catch ( error ) {
+			} catch {
 				state.status = 'fail';
 			}
 

package/plugins/sync-connection-error-filter/index.js

@@ -0,0 +1,77 @@
+( function () {
+	const { createElement: el } = wp.element;
+	const { useSelect } = wp.data;
+	const {
+		Modal,
+		Button,
+		__experimentalVStack: VStack,
+		__experimentalHStack: HStack,
+	} = wp.components;
+	const { __ } = wp.i18n;
+	const { registerPlugin } = wp.plugins;
+
+	function CustomConnectionLimitModal() {
+		const connectionStatus = useSelect( function ( select ) {
+			return select( 'core' ).getSyncConnectionStatus() || null;
+		}, [] );
+
+		const error =
+			connectionStatus &&
+			connectionStatus.status === 'disconnected' &&
+			connectionStatus.error
+				? connectionStatus.error
+				: null;
+
+		if ( ! error || error.code !== 'connection-limit-exceeded' ) {
+			return null;
+		}
+
+		return el(
+			Modal,
+			{
+				title: __( 'Collaboration limit reached' ),
+				isDismissible: false,
+				onRequestClose() {},
+				shouldCloseOnClickOutside: false,
+				shouldCloseOnEsc: false,
+				size: 'medium',
+			},
+			el(
+				VStack,
+				{ spacing: 6 },
+				el(
+					'p',
+					null,
+					'Consider upgrading your hosting plan to increase the collaboration limits.'
+				),
+				el(
+					HStack,
+					{ justify: 'right' },
+					el(
+						Button,
+						{
+							variant: 'tertiary',
+							isDestructive: true,
+							href: 'edit.php',
+							__next40pxDefaultSize: true,
+						},
+						__( 'Back to Posts' )
+					),
+					el(
+						Button,
+						{
+							variant: 'primary',
+							href: 'https://example.com/upgrade',
+							__next40pxDefaultSize: true,
+						},
+						__( 'Upgrade Plan' )
+					)
+				)
+			)
+		);
+	}
+
+	registerPlugin( 'custom-sync-connection-error', {
+		render: CustomConnectionLimitModal,
+	} );
+} )();

package/plugins/sync-connection-error-filter.php

@@ -0,0 +1,47 @@
+<?php
+/**
+ * Plugin Name: Gutenberg Test Plugin, Sync Connection Error Filter
+ * Plugin URI: https://github.com/WordPress/gutenberg
+ * Author: Gutenberg Team
+ *
+ * @package gutenberg-test-sync-connection-error-filter
+ */
+
+/**
+ * Registers the editor.isSyncConnectionErrorHandled filter and custom modal.
+ */
+function enqueue_sync_connection_error_filter_scripts() {
+	// Register the filter early on wp-hooks so it's available before the
+	// editor modal renders. Plugins return true for error codes they handle.
+	wp_add_inline_script(
+		'wp-hooks',
+		"wp.hooks.addFilter(
+			'editor.isSyncConnectionErrorHandled',
+			'gutenberg-test/custom-sync-error',
+			function( isHandled, errorCode ) {
+				if ( errorCode === 'connection-limit-exceeded' ) {
+					return true;
+				}
+				return isHandled;
+			}
+		);"
+	);
+
+	// Enqueue the custom modal component that replaces the default UI
+	// for connection-limit-exceeded errors.
+	wp_enqueue_script(
+		'gutenberg-test-sync-connection-error-filter',
+		plugins_url( 'sync-connection-error-filter/index.js', __FILE__ ),
+		array(
+			'wp-components',
+			'wp-data',
+			'wp-element',
+			'wp-i18n',
+			'wp-plugins',
+		),
+		filemtime( plugin_dir_path( __FILE__ ) . 'sync-connection-error-filter/index.js' ),
+		true
+	);
+}
+
+add_action( 'enqueue_block_editor_assets', 'enqueue_sync_connection_error_filter_scripts' );