@wordpress/e2e-tests 8.1.0 → 8.3.0

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+## 8.3.0 (2024-07-10)
+
+## 8.2.0 (2024-06-26)
+
 ## 8.1.0 (2024-06-15)
 
 ## 8.0.0 (2024-05-31)
@@ -99,7 +103,7 @@
 
 ## 5.3.0 (2022-10-05)
 
-### New features
+### New Features
 
 -   Added Autocomplete Component e2e test suite. [#42905](https://github.com/WordPress/gutenberg/pull/42905).
 
@@ -107,7 +111,7 @@
 
 ## 5.0.0 (2022-08-24)
 
-### Breaking Change
+### Breaking Changes
 
 -   Increase the minimum Node.js version to 14 ([#43141](https://github.com/WordPress/gutenberg/pull/43141)).
 
@@ -158,7 +162,7 @@
 
 ## 1.2.0 (2019-05-21)
 
-### New features
+### New Features
 
 -   Added Axe (the Accessibility Engine) API integration with e2e tests suite.
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/e2e-tests",
-	"version": "8.1.0",
+	"version": "8.3.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.1.0",
-		"@wordpress/interactivity": "^6.1.0",
-		"@wordpress/interactivity-router": "^2.1.0",
-		"@wordpress/jest-console": "^8.1.0",
-		"@wordpress/jest-puppeteer-axe": "^7.1.0",
-		"@wordpress/scripts": "^28.1.0",
-		"@wordpress/url": "^4.1.0",
+		"@wordpress/e2e-test-utils": "^11.3.0",
+		"@wordpress/interactivity": "^6.3.0",
+		"@wordpress/interactivity-router": "^2.3.0",
+		"@wordpress/jest-console": "^8.3.0",
+		"@wordpress/jest-puppeteer-axe": "^7.3.0",
+		"@wordpress/scripts": "^28.3.0",
+		"@wordpress/url": "^4.3.0",
 		"chalk": "^4.0.0",
 		"expect-puppeteer": "^4.4.0",
 		"filenamify": "^4.2.0",
@@ -47,5 +47,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "66d3bf12e67d16deddc4b4a9ec42e1d0bed3479a"
+	"gitHead": "122867d355ca4edc63d3a3bbd9411d3a2e1458df"
 }

package/plugins/deprecated-node-matcher/index.js

@@ -70,7 +70,7 @@
 						} );
 					},
 				} )
-			)
+			);
 		},
 		save( { attributes } ) {
 			return el(

package/plugins/hooks-api/index.js

@@ -16,7 +16,7 @@
 				Button,
 				{
 					className: 'e2e-reset-block-button',
-					variant: "secondary",
+					variant: 'secondary',
 					onClick() {
 						const emptyBlock = createBlock( props.name );
 						props.onReplace( emptyBlock );

package/plugins/iframed-block/jquery.test.js

@@ -1,6 +1,6 @@
 ( ( $ ) => {
-	$.fn.test = function() {
-		return this.each( function() {
+	$.fn.test = function () {
+		return this.each( function () {
 			$( this ).text( 'Iframed Block (set with jQuery)' );
 		} );
 	};

package/plugins/iframed-block/script.js

@@ -4,4 +4,3 @@
 		$( '.wp-block-test-iframed-block' ).test();
 	} );
 } )( window );
-

package/plugins/iframed-enqueue-block-assets/script.js

@@ -1,3 +1,4 @@
 window.addEventListener( 'load', () => {
-    document.body.dataset.iframedEnqueueBlockAssetsL10n = window.iframedEnqueueBlockAssetsL10n.test;
+	document.body.dataset.iframedEnqueueBlockAssetsL10n =
+		window.iframedEnqueueBlockAssetsL10n.test;
 } );

package/plugins/iframed-masonry-block/editor.js

@@ -6,18 +6,24 @@
 
 	const content = [
 		el( 'div', { className: 'grid-item' } ),
-		el( 'div', { className: 'grid-item grid-item--width2 grid-item--height2' } ),
+		el( 'div', {
+			className: 'grid-item grid-item--width2 grid-item--height2',
+		} ),
 		el( 'div', { className: 'grid-item grid-item--height3' } ),
 		el( 'div', { className: 'grid-item grid-item--height2' } ),
 		el( 'div', { className: 'grid-item grid-item--width3' } ),
 		el( 'div', { className: 'grid-item' } ),
 		el( 'div', { className: 'grid-item' } ),
 		el( 'div', { className: 'grid-item grid-item--height2' } ),
-		el( 'div', { className: 'grid-item grid-item--width2 grid-item--height3' } ),
+		el( 'div', {
+			className: 'grid-item grid-item--width2 grid-item--height3',
+		} ),
 		el( 'div', { className: 'grid-item' } ),
 		el( 'div', { className: 'grid-item grid-item--height2' } ),
 		el( 'div', { className: 'grid-item' } ),
-		el( 'div', { className: 'grid-item grid-item--width2 grid-item--height2' } ),
+		el( 'div', {
+			className: 'grid-item grid-item--width2 grid-item--height2',
+		} ),
 		el( 'div', { className: 'grid-item grid-item--width2' } ),
 		el( 'div', { className: 'grid-item' } ),
 		el( 'div', { className: 'grid-item grid-item--height2' } ),

package/plugins/iframed-masonry-block/script.js

@@ -10,4 +10,3 @@
 			} );
 	} );
 } )( window );
-

package/plugins/iframed-multiple-stylesheets/block.json

@@ -12,5 +12,9 @@
 	"textdomain": "iframed-multiple-stylesheets",
 	"editorScript": "iframed-multiple-stylesheets-editor-script",
 	"editorStyle": "file:./editor.css",
-	"style": [ "iframed-multiple-stylesheets-style", "iframed-multiple-stylesheets-style2", "file:./style3.css" ]
+	"style": [
+		"iframed-multiple-stylesheets-style",
+		"iframed-multiple-stylesheets-style2",
+		"file:./style3.css"
+	]
 }

package/plugins/inner-blocks-allowed-blocks/index.js

@@ -10,7 +10,11 @@
 
 	const allowedBlocksWhenSingleEmptyChild = [ 'core/image', 'core/list' ];
 	const allowedBlocksWhenTwoChildren = [ 'core/gallery', 'core/video' ];
-	const allowedBlocksWhenTreeOrMoreChildren = [ 'core/gallery', 'core/video', 'core/list'  ];
+	const allowedBlocksWhenTreeOrMoreChildren = [
+		'core/gallery',
+		'core/video',
+		'core/list',
+	];
 
 	registerBlockType( 'test/allowed-blocks-dynamic', {
 		apiVersion: 3,
@@ -26,15 +30,15 @@
 				},
 				[ props.clientId ]
 			);
-			const blockProps = useBlockProps({
+			const blockProps = useBlockProps( {
 				...divProps,
 				'data-number-of-children': numberOfChildren,
-			});
+			} );
 
 			let allowedBlocks = allowedBlocksWhenSingleEmptyChild;
 			if ( numberOfChildren === 2 ) {
 				allowedBlocks = allowedBlocksWhenTwoChildren;
-			} else if( numberOfChildren > 2 ){
+			} else if ( numberOfChildren > 2 ) {
 				allowedBlocks = allowedBlocksWhenTreeOrMoreChildren;
 			}
 
@@ -42,12 +46,12 @@
 				'div',
 				blockProps,
 				el( InnerBlocks, {
-					allowedBlocks
+					allowedBlocks,
 				} )
 			);
 		},
 		save() {
 			return el( 'div', divProps, el( InnerBlocks.Content ) );
-		}
+		},
 	} );
 } )();

package/plugins/inner-blocks-prioritized-inserter-blocks/index.js

@@ -3,16 +3,14 @@
 	const { createElement: el } = wp.element;
 	const { InnerBlocks } = wp.blockEditor;
 
-    const divProps = {
+	const divProps = {
 		className: 'product',
 		style: { outline: '1px solid gray', padding: 5 },
 	};
 
-    // without a placeholder within the inner blocks it can be difficult to select the block using e2e tests
-    // especially using Puppeteer, so we use an image block which has a placeholder.
-	const template = [
-		[ 'core/image' ],
-    ];
+	// without a placeholder within the inner blocks it can be difficult to select the block using e2e tests
+	// especially using Puppeteer, so we use an image block which has a placeholder.
+	const template = [ [ 'core/image' ] ];
 
 	const save = function () {
 		return el( 'div', divProps, el( InnerBlocks.Content ) );
@@ -38,11 +36,11 @@
 				'div',
 				divProps,
 				el( InnerBlocks, {
-                    template,
+					template,
 					prioritizedInserterBlocks: [
-                        'core/audio',
+						'core/audio',
 						'core/spacer',
-                        'core/code',
+						'core/code',
 					],
 				} )
 			);
@@ -51,32 +49,34 @@
 		save,
 	} );
 
-    registerBlockType( 'test/prioritized-inserter-blocks-set-with-conflicting-allowed-blocks', {
-		title: 'Prioritized Inserter Blocks Set With Conflicting Allowed Blocks',
-		icon: 'carrot',
-		category: 'text',
-		edit() {
-			return el(
-				'div',
-				divProps,
-				el( InnerBlocks, {
-                    template,
-                    allowedBlocks: [
-                        'core/spacer',
-                        'core/code',
-                        'core/paragraph',
-                        'core/heading'
-                    ],
-					prioritizedInserterBlocks: [
-                        'core/audio', // this is **not** in the allowedBlocks list
-						'core/spacer',
-                        'core/code',
-					],
-				} )
-			);
-		},
-
-		save,
-	} );
+	registerBlockType(
+		'test/prioritized-inserter-blocks-set-with-conflicting-allowed-blocks',
+		{
+			title: 'Prioritized Inserter Blocks Set With Conflicting Allowed Blocks',
+			icon: 'carrot',
+			category: 'text',
+			edit() {
+				return el(
+					'div',
+					divProps,
+					el( InnerBlocks, {
+						template,
+						allowedBlocks: [
+							'core/spacer',
+							'core/code',
+							'core/paragraph',
+							'core/heading',
+						],
+						prioritizedInserterBlocks: [
+							'core/audio', // this is **not** in the allowedBlocks list
+							'core/spacer',
+							'core/code',
+						],
+					} )
+				);
+			},
 
+			save,
+		}
+	);
 } )();

package/plugins/inner-blocks-templates/index.js

@@ -53,9 +53,13 @@
 		category: 'text',
 
 		edit: function InnerBlocksNoLockingEdit() {
-			return el( 'div', useBlockProps(), el( InnerBlocks, {
-				template: TEMPLATE,
-			} ) );
+			return el(
+				'div',
+				useBlockProps(),
+				el( InnerBlocks, {
+					template: TEMPLATE,
+				} )
+			);
 		},
 
 		save,
@@ -68,10 +72,14 @@
 		category: 'text',
 
 		edit: function InnerBlocksBlocksLockingAllEdit() {
-			return el( 'div', useBlockProps(), el( InnerBlocks, {
-				template: TEMPLATE,
-				templateLock: 'all',
-			} ) );
+			return el(
+				'div',
+				useBlockProps(),
+				el( InnerBlocks, {
+					template: TEMPLATE,
+					templateLock: 'all',
+				} )
+			);
 		},
 
 		save,
@@ -92,7 +100,9 @@
 
 		edit: function InnerBlocksUpdateLockedTemplateEdit( props ) {
 			const hasUpdatedTemplated = props.attributes.hasUpdatedTemplate;
-			return el( 'div', null,
+			return el(
+				'div',
+				null,
 				el(
 					'button',
 					{
@@ -102,12 +112,16 @@
 					},
 					'Update template'
 				),
-				el( 'div', useBlockProps(), el( InnerBlocks, {
-					template: hasUpdatedTemplated
-						? TEMPLATE_TWO_PARAGRAPHS
-						: TEMPLATE,
-					templateLock: 'all',
-				} ) ),
+				el(
+					'div',
+					useBlockProps(),
+					el( InnerBlocks, {
+						template: hasUpdatedTemplated
+							? TEMPLATE_TWO_PARAGRAPHS
+							: TEMPLATE,
+						templateLock: 'all',
+					} )
+				)
 			);
 		},
 
@@ -121,10 +135,14 @@
 		category: 'text',
 
 		edit: function InnerBlocksParagraphPlaceholderEdit() {
-			return el( 'div', useBlockProps(), el( InnerBlocks, {
-				template: TEMPLATE_PARAGRAPH_PLACEHOLDER,
-				templateInsertUpdatesSelection: true,
-			} ) );
+			return el(
+				'div',
+				useBlockProps(),
+				el( InnerBlocks, {
+					template: TEMPLATE_PARAGRAPH_PLACEHOLDER,
+					templateInsertUpdatesSelection: true,
+				} )
+			);
 		},
 
 		save,
@@ -171,36 +189,41 @@
 		},
 
 		edit: function InnerBlocksTransformerTargetEdit() {
-			return el( 'div', useBlockProps(), el( InnerBlocks, {
-				template: TEMPLATE,
-			} ) );
+			return el(
+				'div',
+				useBlockProps(),
+				el( InnerBlocks, {
+					template: TEMPLATE,
+				} )
+			);
 		},
 
 		save,
 	} );
 
-	registerBlockType(
-		'test/test-inner-blocks-async-template',
-		{
-			apiVersion: 3,
-			title: 'Test Inner Blocks Async Template',
-			icon: 'cart',
-			category: 'text',
+	registerBlockType( 'test/test-inner-blocks-async-template', {
+		apiVersion: 3,
+		title: 'Test Inner Blocks Async Template',
+		icon: 'cart',
+		category: 'text',
 
-			edit: function InnerBlocksAsyncTemplateEdit() {
-				const [ template, setTemplate ] = useState( [] );
+		edit: function InnerBlocksAsyncTemplateEdit() {
+			const [ template, setTemplate ] = useState( [] );
 
-				setInterval( () => {
-					setTemplate( TEMPLATE_TWO_PARAGRAPHS );
-				}, 1000 );
+			setInterval( () => {
+				setTemplate( TEMPLATE_TWO_PARAGRAPHS );
+			}, 1000 );
 
-				return el('div', useBlockProps(), el( InnerBlocks, {
+			return el(
+				'div',
+				useBlockProps(),
+				el( InnerBlocks, {
 					template,
-				} ) );
-			},
+				} )
+			);
+		},
 
-			// Purposely do not save inner blocks so that it's possible to test template resolution.
-			save() {},
-		}
-	);
+		// Purposely do not save inner blocks so that it's possible to test template resolution.
+		save() {},
+	} );
 } )();

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

@@ -21,7 +21,7 @@ store( 'directive-context', {
 		get isProxyPreservedOnCopy() {
 			const { obj, obj2 } = getContext();
 			return obj === obj2;
-		}
+		},
 	},
 	actions: {
 		updateContext( event ) {
@@ -47,7 +47,7 @@ store( 'directive-context', {
 		copyObj() {
 			const ctx = getContext();
 			ctx.obj2 = ctx.obj;
-		}
+		},
 	},
 } );
 
@@ -92,7 +92,6 @@ const { actions } = store( 'directive-context-navigate', {
 					return routerActions.navigate( url, { force: true, html } );
 				}
 			);
-
 		},
 		*asyncNavigate() {
 			yield actions.navigate();
@@ -118,4 +117,4 @@ store( 'directive-context-watch', {
 			ctx.changes = ctx.changes + 1;
 		},
 	},
-});
+} );

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

@@ -1,7 +1,12 @@
 /**
  * WordPress dependencies
  */
-import { store, getContext, useInit, privateApis } from '@wordpress/interactivity';
+import {
+	store,
+	getContext,
+	useInit,
+	privateApis,
+} from '@wordpress/interactivity';
 
 const { state } = store( 'directive-each' );
 
@@ -16,8 +21,8 @@ store( 'directive-each', {
 		fruits: [ 'avocado', 'banana', 'cherimoya' ],
 		get fruitId() {
 			const { idPrefix, fruit } = getContext();
-			return `${idPrefix}${fruit}`;
-		}
+			return `${ idPrefix }${ fruit }`;
+		},
 	},
 	actions: {
 		removeFruit() {
@@ -43,17 +48,17 @@ store( 'directive-each', {
 			{
 				title: 'A Game of Thrones',
 				author: 'George R.R. Martin',
-				isbn: "9780553588484",
+				isbn: '9780553588484',
 			},
 			{
 				title: 'A Clash of Kings',
 				author: 'George R.R. Martin',
-				isbn: "9780553381696",
+				isbn: '9780553381696',
 			},
 			{
 				title: 'A Storm of Swords',
 				author: 'George R.R. Martin',
-				isbn: "9780553573428",
+				isbn: '9780553573428',
 			},
 		],
 	},
@@ -70,7 +75,7 @@ store( 'directive-each', {
 			const book = {
 				title: 'A Feast for Crows',
 				author: 'George R.R. Martin',
-				isbn: "9780553582024",
+				isbn: '9780553582024',
 			};
 			state.books.splice( 0, 0, book );
 		},
@@ -78,7 +83,7 @@ store( 'directive-each', {
 			const book = {
 				title: 'A Feast for Crows',
 				author: 'George R.R. Martin',
-				isbn: "9780553582024",
+				isbn: '9780553582024',
 			};
 			state.books.splice( 0, 1, book );
 		},
@@ -101,58 +106,63 @@ store( 'directive-each', {
 			if ( state.numbers.length > 0 ) {
 				state.numbers.unshift( state.numbers[ 0 ] - 1 );
 			}
-		}
+		},
 	},
 } );
 
 store( 'directive-each', {
 	state: {
-		emptyList: []
+		emptyList: [],
 	},
 	actions: {
 		addItem() {
 			state.emptyList.push( `item ${ state.emptyList.length }` );
-		}
+		},
 	},
 } );
 
 store( 'directive-each', {
 	state: {
 		numbersAndNames: [
-			{ name: "two", value: 2 },
-			{ name: "three", value: 3 },
+			{ name: 'two', value: 2 },
+			{ name: 'three', value: 3 },
 		],
 	},
 	actions: {
 		unshiftNumberAndName() {
-			state.numbersAndNames.unshift( { name: "one", value: 1 } );
-		}
+			state.numbersAndNames.unshift( { name: 'one', value: 1 } );
+		},
 	},
 } );
 
 store( 'directive-each', {
 	state: {
 		animalBreeds: [
-			{ name: "Dog", breeds: [ 'chihuahua', 'rottweiler' ] },
-			{ name: "Cat", breeds: [ 'sphynx', 'siamese' ] },
+			{ name: 'Dog', breeds: [ 'chihuahua', 'rottweiler' ] },
+			{ name: 'Cat', breeds: [ 'sphynx', 'siamese' ] },
 		],
 	},
 	actions: {
 		addAnimal() {
 			state.animalBreeds.unshift( {
-				name: "Rat", breeds: [ 'dumbo', 'rex' ]
+				name: 'Rat',
+				breeds: [ 'dumbo', 'rex' ],
 			} );
 		},
 		addBreeds() {
-			state
-				.animalBreeds
-				.forEach( ( { name, breeds } ) => {
-					if ( name === 'Dog') {breeds.unshift( 'german shepherd' );}
-					if ( name === 'Cat') {breeds.unshift( 'maine coon' );}
-					if ( name === 'Rat') {breeds.unshift( 'satin' );}
-				} );
-		}
-	}
+			state.animalBreeds.forEach( ( { name, breeds } ) => {
+				if ( name === 'Dog' ) {
+					breeds.unshift( 'german shepherd' );
+				}
+				if ( name === 'Cat' ) {
+					breeds.unshift( 'maine coon' );
+				}
+				if ( name === 'Rat' ) {
+					breeds.unshift( 'satin' );
+				}
+			} );
+		},
+	},
 } );
 
 const html = `
@@ -180,14 +190,14 @@ store( 'directive-each', {
 	actions: {
 		*navigate() {
 			const { actions } = yield import(
-				"@wordpress/interactivity-router"
+				'@wordpress/interactivity-router'
 			);
 			return actions.navigate( window.location, {
 				force: true,
 				html,
 			} );
 		},
-	}
+	},
 } );
 
 const { directive } = privateApis(
@@ -208,12 +218,11 @@ directive(
 	{ priority: 2 }
 );
 
-store('directive-each', {
-    callbacks: {
+store( 'directive-each', {
+	callbacks: {
 		updateCallbackRunCount() {
 			const ctx = getContext();
 			ctx.callbackRunCount += 1;
-		}
-    },
-});
-
+		},
+	},
+} );

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

@@ -19,7 +19,7 @@ store( 'directive-key', {
 	actions: {
 		*navigate() {
 			const { actions } = yield import(
-				"@wordpress/interactivity-router"
+				'@wordpress/interactivity-router'
 			);
 			return actions.navigate( window.location, {
 				force: true,

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

@@ -46,6 +46,6 @@ const { state } = store( 'directive-on-document', {
 		},
 		keydownSecondHandler: () => {
 			state.keydownSecondHandler = 'yes';
-		}
-	}
+		},
+	},
 } );

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

@@ -34,7 +34,7 @@ const { state } = store( 'directive-on-window', {
 		},
 		init() {
 			state.isEventAttached = 'yes';
-		}
+		},
 	},
 	actions: {
 		visibilityHandler: () => {
@@ -46,6 +46,6 @@ const { state } = store( 'directive-on-window', {
 		},
 		resizeSecondHandler: () => {
 			state.resizeSecondHandler = 'yes';
-		}
-	}
+		},
+	},
 } );

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

@@ -5,7 +5,7 @@ import {
 	store,
 	getContext,
 	useEffect,
-	privateApis
+	privateApis,
 } from '@wordpress/interactivity';
 
 const { directive, deepSignal, h } = privateApis(
@@ -24,8 +24,11 @@ const namespace = 'directive-priorities';
  */
 const executionProof = ( n ) => {
 	const el = document.querySelector( '[data-testid="execution order"]' );
-	if ( ! el.textContent ) {el.textContent = n;}
-	else {el.textContent += `, ${ n }`;}
+	if ( ! el.textContent ) {
+		el.textContent = n;
+	} else {
+		el.textContent += `, ${ n }`;
+	}
 };
 
 /**

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

@@ -6,7 +6,7 @@ import {
 	useInit,
 	useWatch,
 	getElement,
-	privateApis
+	privateApis,
 } from '@wordpress/interactivity';
 
 const { directive, cloneElement } = privateApis(
@@ -16,7 +16,11 @@ const { directive, cloneElement } = privateApis(
 // Custom directive to show hide the content elements in which it is placed.
 directive(
 	'show-children',
-	( { directives: { 'show-children': showChildren }, element, evaluate } ) => {
+	( {
+		directives: { 'show-children': showChildren },
+		element,
+		evaluate,
+	} ) => {
 		const entry = showChildren.find(
 			( { suffix } ) => suffix === 'default'
 		);
@@ -51,7 +55,7 @@ const { state } = store( 'directive-run', {
 		isHydrated: 'no',
 		isMounted: 'no',
 		renderCount: 0,
-		clickCount: 0
+		clickCount: 0,
 	},
 	actions: {
 		toggle() {
@@ -62,7 +66,7 @@ const { state } = store( 'directive-run', {
 		},
 		*navigate() {
 			const { actions } = yield import(
-				"@wordpress/interactivity-router"
+				'@wordpress/interactivity-router'
 			);
 			return actions.navigate( window.location, {
 				force: true,
@@ -84,13 +88,13 @@ const { state } = store( 'directive-run', {
 			// Runs only on first render.
 			useInit( () => {
 				const { ref } = getElement();
-				ref
-					.closest( '[data-testid="wp-run hooks results"]')
-					.setAttribute( 'data-init', 'initialized' );
+				ref.closest(
+					'[data-testid="wp-run hooks results"]'
+				).setAttribute( 'data-init', 'initialized' );
 				return () => {
-					ref
-						.closest( '[data-testid="wp-run hooks results"]')
-						.setAttribute( 'data-init', 'cleaned up' );
+					ref.closest(
+						'[data-testid="wp-run hooks results"]'
+					).setAttribute( 'data-init', 'cleaned up' );
 				};
 			} );
 
@@ -99,15 +103,15 @@ const { state } = store( 'directive-run', {
 			useWatch( () => {
 				const { ref } = getElement();
 				const { clickCount } = state;
-				ref
-					.closest( '[data-testid="wp-run hooks results"]')
-					.setAttribute( 'data-watch', clickCount );
+				ref.closest(
+					'[data-testid="wp-run hooks results"]'
+				).setAttribute( 'data-watch', clickCount );
 				return () => {
-					ref
-						.closest( '[data-testid="wp-run hooks results"]')
-						.setAttribute( 'data-watch', 'cleaned up' );
+					ref.closest(
+						'[data-testid="wp-run hooks results"]'
+					).setAttribute( 'data-watch', 'cleaned up' );
 				};
 			} );
-		}
-	}
+		},
+	},
 } );

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

@@ -7,13 +7,12 @@ const { h } = privateApis(
 	'I acknowledge that using private APIs means my theme or plugin will inevitably break in the next version of WordPress.'
 );
 
-
 const { state } = store( 'directive-context', {
 	state: {
 		text: 'Text 1',
-		component: () => ( h( 'div', {}, state.text ) ),
+		component: () => h( 'div', {}, state.text ),
 		number: 1,
-		boolean: true
+		boolean: true,
 	},
 	actions: {
 		toggleStateText() {

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

@@ -13,7 +13,9 @@ directive(
 	'show-mock',
 	( { directives: { 'show-mock': showMock }, element, evaluate } ) => {
 		const entry = showMock.find( ( { suffix } ) => suffix === 'default' );
-		if ( ! evaluate( entry ) ) {return null;}
+		if ( ! evaluate( entry ) ) {
+			return null;
+		}
 		return element;
 	}
 );

package/plugins/interactive-blocks/namespace/view.js

@@ -3,7 +3,6 @@
  */
 import { store } from '@wordpress/interactivity';
 
-
 store( '', {
 	state: {
 		url: '/empty-string-url',
@@ -63,8 +62,3 @@ store( '"quoted string"', {
 		url: '/quoted-url',
 	},
 } );
-
-
-
-
-

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

@@ -14,8 +14,8 @@ const { state } = store( 'router', {
 		data: {
 			get getterProp() {
 				return `value from getter (${ state.data.prop1 })`;
-			}
-		}
+			},
+		},
 	},
 	actions: {
 		*navigate( e ) {
@@ -29,7 +29,7 @@ const { state } = store( 'router', {
 			const { timeout } = state;
 
 			const { actions } = yield import(
-				"@wordpress/interactivity-router"
+				'@wordpress/interactivity-router'
 			);
 			yield actions.navigate( e.target.href, { force, timeout } );
 

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

@@ -20,7 +20,7 @@ const { state } = store( 'router-regions', {
 			*navigate( e ) {
 				e.preventDefault();
 				const { actions } = yield import(
-					"@wordpress/interactivity-router"
+					'@wordpress/interactivity-router'
 				);
 				yield actions.navigate( e.target.href );
 			},

package/plugins/interactive-blocks/tovdom/cdata.js

@@ -10,6 +10,4 @@ const cdata = `
 const cdataElement = new DOMParser()
 	.parseFromString( cdata, 'text/xml' )
 	.querySelector( 'div' );
-document
-	.getElementById( 'replace-with-cdata' )
-	.replaceWith( cdataElement );
+document.getElementById( 'replace-with-cdata' ).replaceWith( cdataElement );

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

@@ -6,15 +6,19 @@ import { store, getContext, withScope } from '@wordpress/interactivity';
 store( 'with-scope', {
 	callbacks: {
 		asyncInit: () => {
-			setTimeout( withScope(function*() {
-				yield new Promise(resolve => setTimeout(resolve, 1));
-				const context = getContext()
-				context.asyncCounter += 1;
-			}, 1 ));
+			setTimeout(
+				withScope( function* () {
+					yield new Promise( ( resolve ) =>
+						setTimeout( resolve, 1 )
+					);
+					const context = getContext();
+					context.asyncCounter += 1;
+				}, 1 )
+			);
 		},
 		syncInit: () => {
-			const context = getContext()
+			const context = getContext();
 			context.syncCounter += 1;
-		}
+		},
 	},
 } );

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

@@ -48,15 +48,16 @@
 				el(
 					Button,
 					{
-						variant: "primary",
+						variant: 'primary',
 						onClick: () => {
 							dispatch(
 								'core/annotations'
 							).__experimentalAddAnnotation( {
 								source: 'e2e-tests',
-								blockClientId: select(
-									'core/block-editor'
-								).getBlockOrder()[ 0 ],
+								blockClientId:
+									select(
+										'core/block-editor'
+									).getBlockOrder()[ 0 ],
 								richTextIdentifier: 'content',
 								range: {
 									start: parseInt( this.state.start, 10 ),
@@ -70,7 +71,7 @@
 				el(
 					Button,
 					{
-						variant: "primary",
+						variant: 'primary',
 						onClick: () => {
 							dispatch(
 								'core/annotations'

package/plugins/plugins-api/error-boundary.js

@@ -2,7 +2,7 @@
 	const registerPlugin = wp.plugins.registerPlugin;
 
 	function MyErrorPlugin() {
-		throw new Error('Whoops!');
+		throw new Error( 'Whoops!' );
 	}
 
 	registerPlugin( 'my-error-plugin', {

package/plugins/test-autocompleter/index.js

@@ -1,4 +1,4 @@
-(function () {
+( function () {
 	const fruits = {
 		name: 'fruit',
 		// The prefix that triggers this completer
@@ -20,9 +20,7 @@
 		// Declares that the Grapes option is disabled
 		isOptionDisabled: ( option ) => option.name === 'Grapes',
 		// Declares completions should be inserted as abbreviations
-		getOptionCompletion: ( option ) => (
-			option.visual 
-		),
+		getOptionCompletion: ( option ) => option.visual,
 	};
 
 	function duplicateUserMentions( completers ) {
@@ -43,7 +41,7 @@
 			? [ ...completers, fruits, copiedUsers ]
 			: completers;
 	}
-	
+
 	// Adding the filter with a priority of 11
 	// to ensure it fires after the default user mentions are added.
 	wp.hooks.addFilter(
@@ -52,4 +50,4 @@
 		appendTestCompleters,
 		11
 	);
-})()
+} )();