@wordpress/e2e-tests 9.1.0 → 9.1.1-next.738bb1424.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/e2e-tests",
-	"version": "9.1.0",
+	"version": "9.1.1-next.738bb1424.0",
 	"description": "Test plugins and mu-plugins for E2E tests in WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -24,11 +24,11 @@
 		"npm": ">=8.19.2"
 	},
 	"dependencies": {
-		"@wordpress/interactivity": "^6.36.0",
-		"@wordpress/interactivity-router": "^2.36.0"
+		"@wordpress/interactivity": "^6.36.1-next.738bb1424.0",
+		"@wordpress/interactivity-router": "^2.36.1-next.738bb1424.0"
 	},
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "b35cf1a2dce04665e99fd6b9c2891c0b336361b9"
+	"gitHead": "ab1b004c0d61c295aa34bc86ea07f979343983ce"
 }

package/plugins/block-bindings/index.js

@@ -84,7 +84,6 @@ const withBlockBindingsInspectorControl = createHigherOrderComponent(
 						{ title: 'Bindings' },
 						el( TextControl, {
 							__next40pxDefaultSize: true,
-							__nextHasNoMarginBottom: true,
 							label: 'Content',
 							value: props.attributes.content,
 							onChange: ( content ) =>

package/plugins/plugins-api/annotations-sidebar.js

@@ -3,88 +3,115 @@
 	const PanelBody = wp.components.PanelBody;
 	const select = wp.data.select;
 	const dispatch = wp.data.dispatch;
+	const useSelect = wp.data.useSelect;
+	const useDispatch = wp.data.useDispatch;
 	const Fragment = wp.element.Fragment;
 	const el = wp.element.createElement;
-	const Component = wp.element.Component;
+	const useState = wp.element.useState;
+	const useEffect = wp.element.useEffect;
 	const __ = wp.i18n.__;
 	const registerPlugin = wp.plugins.registerPlugin;
 	const PluginSidebar = wp.editor.PluginSidebar;
 	const PluginSidebarMoreMenuItem = wp.editor.PluginSidebarMoreMenuItem;
 
-	class SidebarContents extends Component {
-		constructor( props ) {
-			super( props );
+	function SidebarContents() {
+		const [ range, setRange ] = useState( { start: 0, end: 0 } );
 
-			this.state = {
-				start: 0,
-				end: 0,
-			};
-		}
+		const blocks = useSelect( ( sel ) => {
+			return sel( 'core/block-editor' ).getBlocks();
+		} );
 
-		render() {
-			return el(
-				PanelBody,
-				{},
-				el( 'input', {
-					type: 'number',
-					id: 'annotations-tests-range-start',
-					onChange: ( reactEvent ) => {
-						this.setState( {
-							start: reactEvent.target.value,
-						} );
-					},
-					value: this.state.start,
-				} ),
-				el( 'input', {
-					type: 'number',
-					id: 'annotations-tests-range-end',
-					onChange: ( reactEvent ) => {
-						this.setState( {
-							end: reactEvent.target.value,
-						} );
-					},
-					value: this.state.end,
-				} ),
-				el(
-					Button,
-					{
-						variant: 'primary',
-						onClick: () => {
-							dispatch(
-								'core/annotations'
-							).__experimentalAddAnnotation( {
-								source: 'e2e-tests',
-								blockClientId:
-									select(
-										'core/block-editor'
-									).getBlockOrder()[ 0 ],
-								richTextIdentifier: 'content',
-								range: {
-									start: parseInt( this.state.start, 10 ),
-									end: parseInt( this.state.end, 10 ),
-								},
-							} );
+		const { __experimentalAddAnnotation: addAnnotation } =
+			useDispatch( 'core/annotations' );
+
+		const allBlocks = blocks
+			.filter( ( block ) => block.name === 'core/paragraph' )
+			.map( ( block ) => [
+				block.clientId,
+				block.attributes.content.text,
+			] );
+
+		useEffect( () => {
+			allBlocks.forEach( ( [ clientId, content ] ) => {
+				const applePosition = content.indexOf( 'apple' );
+				if ( applePosition !== -1 ) {
+					addAnnotation( {
+						source: 'test-annotation',
+						blockClientId: clientId,
+						richTextIdentifier: 'content',
+						range: {
+							start: applePosition,
+							end: applePosition + 5,
 						},
+					} );
+				}
+			} );
+		} );
+
+		return el(
+			PanelBody,
+			{},
+			el( 'input', {
+				type: 'number',
+				id: 'annotations-tests-range-start',
+				onChange: ( reactEvent ) => {
+					setRange( {
+						...range,
+						start: reactEvent.target.value,
+					} );
+				},
+				value: range.start,
+			} ),
+			el( 'input', {
+				type: 'number',
+				id: 'annotations-tests-range-end',
+				onChange: ( reactEvent ) => {
+					setRange( {
+						...range,
+						end: reactEvent.target.value,
+					} );
+				},
+				value: range.end,
+			} ),
+			el(
+				Button,
+				{
+					variant: 'primary',
+					onClick: () => {
+						dispatch(
+							'core/annotations'
+						).__experimentalAddAnnotation( {
+							source: 'e2e-tests',
+							blockClientId:
+								select(
+									'core/block-editor'
+								).getBlockOrder()[ 0 ],
+							richTextIdentifier: 'content',
+							range: {
+								start: parseInt( range.start, 10 ),
+								end: parseInt( range.end, 10 ),
+							},
+						} );
 					},
-					__( 'Add annotation' )
-				),
-				el(
-					Button,
-					{
-						variant: 'primary',
-						onClick: () => {
-							dispatch(
-								'core/annotations'
-							).__experimentalRemoveAnnotationsBySource(
-								'e2e-tests'
-							);
-						},
+				},
+				__( 'Add annotation' )
+			),
+			el(
+				Button,
+				{
+					variant: 'primary',
+					onClick: () => {
+						dispatch(
+							'core/annotations'
+						).__experimentalRemoveAnnotationsBySource(
+							'e2e-tests'
+						);
 					},
+				},
 
-					__( 'Remove annotations' )
-				)
-			);
-		}
+				__( 'Remove annotations' )
+			)
+		);
 	}
 
 	function AnnotationsSidebar() {

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

@@ -48,6 +48,11 @@ add_action(
 		register_block_type(
 			'test/auto-register-block',
 			array(
+				'title'           => 'Auto Register Test Block',
+				'icon'            => 'admin-generic',
+				'category'        => 'widgets',
+				'description'     => 'A test block for auto-registration',
+				'keywords'        => array( 'serverblock', 'autotest' ),
 				'render_callback' => static function ( $attributes ) {
 					$wrapper_attributes = get_block_wrapper_attributes(
 						array(