@wordpress/e2e-tests 9.10.0 → 9.10.1-next.v.202605131006.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/e2e-tests",
-	"version": "9.10.0",
+	"version": "9.10.1-next.v.202605131006.0+2a3d07cab",
 	"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.45.0",
-		"@wordpress/interactivity-router": "^2.45.0"
+		"@wordpress/interactivity": "^6.45.1-next.v.202605131006.0+2a3d07cab",
+		"@wordpress/interactivity-router": "^2.45.1-next.v.202605131006.0+2a3d07cab"
 	},
 	"peerDependencies": {
 		"jest": ">=29",
@@ -36,5 +36,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "8c229eaed0e88c9827e2da3d73a78f9ddd77714b"
+	"gitHead": "8804fa29bc78a1d98e5a4d40c3e180ddd907016c"
 }

package/plugins/connectors-capability-restriction.php

@@ -22,6 +22,13 @@ add_action(
 	}
 );
 
+register_activation_hook(
+	__FILE__,
+	static function () {
+		delete_option( 'gutenberg_test_cap_restriction' );
+	}
+);
+
 register_deactivation_hook(
 	__FILE__,
 	static function () {
@@ -29,6 +36,45 @@ register_deactivation_hook(
 	}
 );
 
+add_action(
+	'wp_connectors_init',
+	static function ( WP_Connector_Registry $registry ) {
+		$registry->register(
+			'test_install_required_connector',
+			array(
+				'name'           => 'Test Install Required Connector',
+				'description'    => 'A connector backed by a plugin that is not installed.',
+				'type'           => 'ai_provider',
+				'plugin'         => array(
+					'file'      => 'gutenberg-test-connectors-never-installed/plugin.php',
+					'is_active' => '__return_false',
+				),
+				'authentication' => array(
+					'method'       => 'api_key',
+					'setting_name' => 'gutenberg_test_install_required_connector_api_key',
+				),
+			)
+		);
+
+		$registry->register(
+			'test_activate_required_connector',
+			array(
+				'name'           => 'Test Activate Required Connector',
+				'description'    => 'A connector backed by an installed inactive plugin.',
+				'type'           => 'ai_provider',
+				'plugin'         => array(
+					'file'      => 'hello/hello.php',
+					'is_active' => '__return_false',
+				),
+				'authentication' => array(
+					'method'       => 'api_key',
+					'setting_name' => 'gutenberg_test_activate_required_connector_api_key',
+				),
+			)
+		);
+	}
+);
+
 add_filter(
 	'map_meta_cap',
 	static function ( $caps, $cap ) {

package/plugins/image-format-conversion-jpeg-to-webp.php

@@ -0,0 +1,20 @@
+<?php
+/**
+ * Plugin Name: Gutenberg Test Plugin: Image Format Conversion JPEG to WebP
+ * Plugin URI: https://github.com/WordPress/gutenberg
+ * Author: Gutenberg Team
+ *
+ * @package gutenberg-test-image-format-conversion-jpeg-to-webp
+ */
+
+add_filter(
+	'image_editor_output_format',
+	static function ( $formats, $filename, $mime_type ) {
+		if ( 'image/jpeg' === $mime_type ) {
+			$formats['image/jpeg'] = 'image/webp';
+		}
+		return $formats;
+	},
+	10,
+	3
+);

package/plugins/image-format-conversion-png-to-jpeg.php

@@ -0,0 +1,20 @@
+<?php
+/**
+ * Plugin Name: Gutenberg Test Plugin: Image Format Conversion PNG to JPEG
+ * Plugin URI: https://github.com/WordPress/gutenberg
+ * Author: Gutenberg Team
+ *
+ * @package gutenberg-test-image-format-conversion-png-to-jpeg
+ */
+
+add_filter(
+	'image_editor_output_format',
+	static function ( $formats, $filename, $mime_type ) {
+		if ( 'image/png' === $mime_type ) {
+			$formats['image/png'] = 'image/jpeg';
+		}
+		return $formats;
+	},
+	10,
+	3
+);

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

@@ -66,6 +66,9 @@
 		'emptyString' => '{ "value": "" }',
 		'anyString'   => '{ "value": "any" }',
 		'number'      => '{ "value": 10 }',
+		'auto'        => '{ "value": "auto" }',
+		'manual'      => '{ "value": "manual" }',
+		'hint'        => '{ "value": "hint" }',
 	);
 	?>
 
@@ -90,6 +93,10 @@
 			data-wp-bind--disabled="context.value"
 			data-wp-bind--aria-disabled="context.value"
 		>
+		<div
+			data-testid="popover"
+			data-wp-bind--popover="context.value"
+		></div>
 		<button
 			data-testid="toggle value"
 			data-wp-on--click="actions.toggleValue"

package/plugins/rtc-websocket-provider/src/index.js

@@ -0,0 +1,115 @@
+/**
+ * Test-only WebSocket sync provider for Gutenberg RTC e2e tests.
+ *
+ * Speaks the y-websocket binary protocol against test/e2e/bin/rtc-test-ws-sync-server.mjs
+ * (which is built on @y/websocket-server) so the test harness exercises the same
+ * wire format as production deployments. Exposes a small debug surface on
+ * window.__gutenbergTestWebSocketSync.rooms that the Playwright fixtures poll.
+ */
+
+// eslint-disable-next-line import/no-extraneous-dependencies -- declared in test/e2e/package.json, only loaded by the WS e2e harness.
+import { WebsocketProvider } from 'y-websocket';
+
+const TEST_PROVIDER_NAMESPACE = 'gutenberg-test/rtc-websocket-provider';
+const DEFAULT_URL = 'ws://127.0.0.1:18991';
+
+const settings = window.gutenbergTestWebSocketSync || {};
+const globalState = ( window.__gutenbergTestWebSocketSync = {
+	rooms: {},
+	tick: 0,
+	url: settings.url || DEFAULT_URL,
+} );
+
+function ensureRoomDebugState( room ) {
+	if ( ! globalState.rooms[ room ] ) {
+		globalState.rooms[ room ] = {
+			awarenessCount: 0,
+			clientId: null,
+			status: 'disconnected',
+			synced: false,
+		};
+	}
+	return globalState.rooms[ room ];
+}
+
+function updateDebugState( room, patch ) {
+	Object.assign( ensureRoomDebugState( room ), patch );
+	globalState.tick += 1;
+}
+
+function createWebSocketProvider() {
+	return async ( { awareness, objectType, objectId, ydoc } ) => {
+		const room = objectId ? `${ objectType }:${ objectId }` : objectType;
+
+		updateDebugState( room, {
+			clientId: ydoc.clientID,
+			status: 'connecting',
+			synced: false,
+		} );
+
+		const provider = new WebsocketProvider( globalState.url, room, ydoc, {
+			awareness,
+			// Disable BroadcastChannel so cross-tab sync always goes through
+			// the WebSocket. Tests need to exercise the wire transport.
+			disableBc: true,
+		} );
+
+		const statusListeners = new Set();
+
+		const onStatus = ( event ) => {
+			// A fresh socket means the previous sync handshake (if any) is
+			// no longer current. y-websocket re-fires 'sync' once sync step 2
+			// completes on the new connection.
+			const patch = { status: event.status };
+			if ( event.status !== 'connected' ) {
+				patch.synced = false;
+			}
+			updateDebugState( room, patch );
+			for ( const callback of statusListeners ) {
+				callback( { status: event.status } );
+			}
+		};
+		provider.on( 'status', onStatus );
+
+		// y-websocket distinguishes socket connection from sync completion.
+		// 'connected' means the WS is open; 'sync' fires once sync step 2 has
+		// landed and the doc reflects the server state. Tests that need real
+		// convergence should wait on `synced`, not just `status`.
+		const onSync = ( isSynced ) => {
+			updateDebugState( room, { synced: !! isSynced } );
+		};
+		provider.on( 'sync', onSync );
+
+		const onAwarenessChange = () => {
+			updateDebugState( room, {
+				awarenessCount: ( awareness || provider.awareness ).getStates()
+					.size,
+			} );
+		};
+		const awarenessInstance = awareness || provider.awareness;
+		awarenessInstance.on( 'change', onAwarenessChange );
+		onAwarenessChange();
+
+		return {
+			destroy: () => {
+				awarenessInstance.off( 'change', onAwarenessChange );
+				provider.off( 'status', onStatus );
+				provider.off( 'sync', onSync );
+				provider.destroy();
+				updateDebugState( room, {
+					status: 'disconnected',
+					synced: false,
+				} );
+			},
+			on: ( event, callback ) => {
+				if ( event === 'status' ) {
+					statusListeners.add( callback );
+				}
+			},
+		};
+	};
+}
+
+window.wp.hooks.addFilter( 'sync.providers', TEST_PROVIDER_NAMESPACE, () => [
+	createWebSocketProvider(),
+] );

package/plugins/rtc-websocket-provider/src/yjs-external.js

@@ -0,0 +1,15 @@
+/**
+ * Re-export Yjs symbols from wp.sync.Y so the bundled y-websocket and
+ * y-protocols modules share the same Yjs instance as @wordpress/sync.
+ * Two Yjs instances on the same page cause silent data corruption:
+ * https://github.com/yjs/yjs/issues/438
+ *
+ * Only the symbols actually referenced by y-websocket and y-protocols
+ * need to be re-exported here.
+ */
+const Y = window.wp.sync.Y;
+
+export const Doc = Y.Doc;
+export const applyUpdate = Y.applyUpdate;
+export const encodeStateAsUpdate = Y.encodeStateAsUpdate;
+export const encodeStateVector = Y.encodeStateVector;

package/plugins/rtc-websocket-provider.php

@@ -0,0 +1,59 @@
+<?php
+/**
+ * Plugin Name: Gutenberg Test Plugin, RTC WebSocket Provider
+ * Plugin URI: https://github.com/WordPress/gutenberg
+ * Author: Gutenberg Team
+ *
+ * @package gutenberg-test-rtc-websocket-provider
+ */
+
+/**
+ * Enqueues a test-only WebSocket sync provider for RTC e2e tests.
+ */
+function gutenberg_test_rtc_websocket_provider_enqueue() {
+	$script_path = plugin_dir_path( __FILE__ ) . 'rtc-websocket-provider/build/index.js';
+	$ws_url      = '';
+
+	// The Playwright globalSetup writes the resolved WS URL here so the PHP
+	// plugin can find it. wp-env does not forward host env vars into the
+	// container, so getenv() alone would always miss any port override.
+	$config_path = plugin_dir_path( __FILE__ ) . 'rtc-websocket-provider/build/runtime-config.json';
+	if ( file_exists( $config_path ) ) {
+		$config = json_decode( file_get_contents( $config_path ), true );
+		if ( is_array( $config ) && ! empty( $config['url'] ) ) {
+			$ws_url = $config['url'];
+		}
+	}
+
+	if ( ! $ws_url ) {
+		$ws_url = getenv( 'GUTENBERG_RTC_TEST_WS_URL' );
+	}
+
+	if ( ! $ws_url ) {
+		$ws_port = getenv( 'GUTENBERG_RTC_TEST_WS_PORT' );
+		if ( ! $ws_port ) {
+			$ws_port = '18991';
+		}
+		$ws_url = 'ws://127.0.0.1:' . $ws_port;
+	}
+
+	wp_enqueue_script(
+		'gutenberg-test-rtc-websocket-provider',
+		plugins_url( 'rtc-websocket-provider/build/index.js', __FILE__ ),
+		array( 'wp-hooks', 'wp-sync' ),
+		filemtime( $script_path ),
+		true
+	);
+
+	wp_add_inline_script(
+		'gutenberg-test-rtc-websocket-provider',
+		'window.gutenbergTestWebSocketSync = ' . wp_json_encode(
+			array(
+				'url' => $ws_url,
+			)
+		) . ';',
+		'before'
+	);
+}
+
+add_action( 'enqueue_block_editor_assets', 'gutenberg_test_rtc_websocket_provider_enqueue' );