@wordpress/e2e-tests 9.13.1 → 9.13.2-next.v.202606191442.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/e2e-tests",
-	"version": "9.13.1",
+	"version": "9.13.2-next.v.202606191442.0+17fe7db8a",
 	"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.48.1",
-		"@wordpress/interactivity-router": "^2.48.1"
+		"@wordpress/interactivity": "^6.48.2-next.v.202606191442.0+17fe7db8a",
+		"@wordpress/interactivity-router": "^2.48.2-next.v.202606191442.0+17fe7db8a"
 	},
 	"peerDependencies": {
 		"jest": ">=29",
@@ -36,5 +36,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "99df7432c5c7cb83ba41146fd1f57f3c19004305"
+	"gitHead": "1b6a19222df5a88f161880b5789efb3171d8f425"
 }

package/plugins/format-api/index.js

@@ -27,4 +27,34 @@
 			);
 		},
 	} );
+
+	// Format with an unregistered attribute (`data-test` is not listed in
+	// `attributes`), used to test that manually applied formats merge with
+	// their parsed counterparts when typing within them.
+	wp.richText.registerFormatType( 'my-plugin/testing', {
+		title: 'Testing',
+		tagName: 'span',
+		className: 'testing',
+		edit( props ) {
+			return wp.element.createElement(
+				wp.blockEditor.RichTextToolbarButton,
+				{
+					icon: 'editor-code',
+					title: 'Testing',
+					onClick() {
+						props.onChange(
+							wp.richText.toggleFormat( props.value, {
+								type: 'my-plugin/testing',
+								attributes: {
+									'data-test': 'hello',
+								},
+							} )
+						);
+						props.onFocus();
+					},
+					isActive: props.isActive,
+				}
+			);
+		},
+	} );
 } )();

package/plugins/react-18-compat-block/block.json

@@ -0,0 +1,14 @@
+{
+	"$schema": "https://schemas.wp.org/trunk/block.json",
+	"apiVersion": 3,
+	"name": "test/react-18-compat-block",
+	"title": "React 18 Compat Block",
+	"category": "text",
+	"icon": "smiley",
+	"description": "",
+	"supports": {
+		"html": false
+	},
+	"textdomain": "react-18-compat-block",
+	"editorScript": "react-18-compat-block-editor"
+}

package/plugins/react-18-compat-block/editor.js

@@ -0,0 +1,124 @@
+( function () {
+	const { registerBlockType } = wp.blocks;
+	const { useBlockProps } = wp.blockEditor;
+
+	// The externalized React JSX runtime (the `react-jsx-runtime` script
+	// handle). When the React 19 experiment is enabled this is React 19's
+	// runtime, which tags elements with `Symbol.for( 'react.transitional.element' )`
+	// and no longer resolves `defaultProps` for function components.
+	const { jsx } = window.ReactJSXRuntime;
+
+	// --- Bundled React 18 development JSX runtime ----------------------------
+	//
+	// A faithful, self-contained reimplementation of `jsxDEV` from React 18's
+	// `react/cjs/react-jsx-dev-runtime.development.js`. A real-world plugin
+	// would get this by bundling `react/jsx-dev-runtime` instead of using the
+	// externalized WordPress handle.
+	//
+	// It reads `ReactCurrentOwner` and `ReactCurrentDispatcher` from React's
+	// shared internals (removed in React 19, polyfilled by `tools/react-19`)
+	// and produces "legacy" elements tagged with `Symbol.for( 'react.element' )`.
+	const REACT_ELEMENT_TYPE = Symbol.for( 'react.element' );
+	const hasOwnProperty = Object.prototype.hasOwnProperty;
+	const RESERVED_PROPS = {
+		key: true,
+		ref: true,
+		__self: true,
+		__source: true,
+	};
+
+	function jsxDEV( type, config, maybeKey ) {
+		const internals =
+			window.React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+		const { ReactCurrentOwner, ReactCurrentDispatcher } = internals;
+
+		// The real development runtime consults the current dispatcher; touch
+		// it so that a missing polyfill fails loudly here as well.
+		void ReactCurrentDispatcher.current;
+
+		let propName;
+		const props = {};
+		let key = null;
+		const ref = config.ref !== undefined ? config.ref : null;
+
+		if ( maybeKey !== undefined ) {
+			key = '' + maybeKey;
+		}
+		if ( config.key !== undefined ) {
+			key = '' + config.key;
+		}
+
+		for ( propName in config ) {
+			if (
+				hasOwnProperty.call( config, propName ) &&
+				! hasOwnProperty.call( RESERVED_PROPS, propName )
+			) {
+				props[ propName ] = config[ propName ];
+			}
+		}
+
+		// React 18's runtime resolves `defaultProps`.
+		if ( type && type.defaultProps ) {
+			const defaultProps = type.defaultProps;
+			for ( propName in defaultProps ) {
+				if ( props[ propName ] === undefined ) {
+					props[ propName ] = defaultProps[ propName ];
+				}
+			}
+		}
+
+		return {
+			$$typeof: REACT_ELEMENT_TYPE,
+			type,
+			key,
+			ref,
+			props,
+			_owner: ReactCurrentOwner.current,
+		};
+	}
+
+	// A function component that relies on `defaultProps`. Rendered through the
+	// externalized React runtime.
+	function Greeting( props ) {
+		return jsx( 'span', {
+			className: 'react-18-compat-block__greeting',
+			children: props.label,
+		} );
+	}
+	Greeting.defaultProps = {
+		label: 'Hello from defaultProps',
+	};
+
+	registerBlockType( 'test/react-18-compat-block', {
+		apiVersion: 3,
+		edit: function Edit() {
+			const blockProps = useBlockProps( {
+				className: 'react-18-compat-block',
+			} );
+
+			return jsx( 'div', {
+				...blockProps,
+				children: [
+					// An element that relies on the `inert` attribute, created with
+					// the bundled React 18 runtime (legacy `react.element` symbol).
+					jsxDEV(
+						'div',
+						{
+							className: 'react-18-compat-block__inert',
+							inert: 'inert',
+							children:
+								'This subtree is inert and built with the React 18 runtime.',
+						},
+						'inert'
+					),
+					// The `defaultProps` component, created with the
+					// externalized React runtime.
+					jsx( Greeting, {}, 'greeting' ),
+				],
+			} );
+		},
+		save: function Save() {
+			return null;
+		},
+	} );
+} )();

package/plugins/react-18-compat-block.php

@@ -0,0 +1,27 @@
+<?php
+/**
+ * Plugin Name: Gutenberg Test React 18 Compat Block
+ * Plugin URI: https://github.com/WordPress/gutenberg
+ * Author: Gutenberg Team
+ *
+ * @package gutenberg-test-react-18-compat-block
+ */
+
+add_action(
+	'init',
+	static function () {
+		wp_register_script(
+			'react-18-compat-block-editor',
+			plugin_dir_url( __FILE__ ) . 'react-18-compat-block/editor.js',
+			array(
+				'wp-blocks',
+				'wp-block-editor',
+				'wp-element',
+				'react',
+				'react-jsx-runtime',
+			),
+			filemtime( plugin_dir_path( __FILE__ ) . 'react-18-compat-block/editor.js' )
+		);
+		register_block_type_from_metadata( __DIR__ . '/react-18-compat-block' );
+	}
+);