@wordpress/e2e-tests 4.4.0 → 4.5.0

package/config/flaky-tests-reporter.js

@@ -49,9 +49,8 @@ class FlakyTestsReporter {
 			}
 			case 'passed': {
 				if ( this.failingTestCaseResults.has( testTitle ) ) {
-					const failingResults = this.failingTestCaseResults.get(
-						testTitle
-					);
+					const failingResults =
+						this.failingTestCaseResults.get( testTitle );
 
 					await fs.writeFile(
 						`flaky-tests/${ filenamify( testTitle ) }.json`,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/e2e-tests",
-	"version": "4.4.0",
+	"version": "4.5.0",
 	"description": "End-To-End (E2E) tests for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -23,11 +23,11 @@
 		"node": ">=12"
 	},
 	"dependencies": {
-		"@wordpress/e2e-test-utils": "^7.6.0",
-		"@wordpress/jest-console": "^5.2.0",
+		"@wordpress/e2e-test-utils": "^7.7.0",
+		"@wordpress/jest-console": "^5.3.0",
 		"@wordpress/jest-puppeteer-axe": "^4.0.2",
-		"@wordpress/scripts": "^23.2.0",
-		"@wordpress/url": "^3.11.0",
+		"@wordpress/scripts": "^23.3.0",
+		"@wordpress/url": "^3.12.0",
 		"chalk": "^4.0.0",
 		"expect-puppeteer": "^4.4.0",
 		"filenamify": "^4.2.0",
@@ -46,5 +46,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "a3e0b62091e8a8bdf5e2518e42d60d7098af48cc"
+	"gitHead": "48d5f37dfb52d2e77c8eeb662f9874cf141b8c6b"
 }

package/specs/editor/blocks/cover.test.js

@@ -84,13 +84,11 @@ describe( 'Cover', () => {
 		const backgroundDim = await page.waitForSelector(
 			'.wp-block-cover .has-background-dim'
 		);
-		const [
-			backgroundDimColor,
-			backgroundDimOpacity,
-		] = await page.evaluate( ( el ) => {
-			const computedStyle = window.getComputedStyle( el );
-			return [ computedStyle.backgroundColor, computedStyle.opacity ];
-		}, backgroundDim );
+		const [ backgroundDimColor, backgroundDimOpacity ] =
+			await page.evaluate( ( el ) => {
+				const computedStyle = window.getComputedStyle( el );
+				return [ computedStyle.backgroundColor, computedStyle.opacity ];
+			}, backgroundDim );
 
 		expect( backgroundDimColor ).toBe( 'rgb(0, 0, 0)' );
 		expect( backgroundDimOpacity ).toBe( '0.5' );
@@ -210,13 +208,11 @@ describe( 'Cover', () => {
 		const backgroundDim = await page.waitForSelector(
 			'.wp-block-cover .has-background-dim'
 		);
-		const [
-			backgroundDimColor,
-			backgroundDimOpacity,
-		] = await page.evaluate( ( el ) => {
-			const computedStyle = window.getComputedStyle( el );
-			return [ computedStyle.backgroundColor, computedStyle.opacity ];
-		}, backgroundDim );
+		const [ backgroundDimColor, backgroundDimOpacity ] =
+			await page.evaluate( ( el ) => {
+				const computedStyle = window.getComputedStyle( el );
+				return [ computedStyle.backgroundColor, computedStyle.opacity ];
+			}, backgroundDim );
 
 		expect( backgroundDimColor ).toBe( 'rgb(0, 0, 0)' );
 		expect( backgroundDimOpacity ).toBe( '0.5' );

package/specs/editor/blocks/navigation.test.js

@@ -399,11 +399,14 @@ describe( 'Navigation', () => {
 			// relying on variable factors such as network conditions.
 			await setUpResponseMocking( [
 				{
-					match: ( request ) =>
-						request.method() === 'GET' &&
-						request.url().includes( `rest_route` ) &&
-						request.url().includes( `navigation` ) &&
-						request.url().includes( testNavId ),
+					match: ( request ) => {
+						return (
+							[ 'GET', 'OPTIONS' ].includes( request.method() ) &&
+							decodeURIComponent( request.url() ).includes(
+								`navigation/${ testNavId }`
+							)
+						);
+					},
 					onRequestMatch: ( request ) => {
 						// The Promise simulates a REST API request whose resolultion
 						// the test has full control over.
@@ -417,7 +420,9 @@ describe( 'Navigation', () => {
 					},
 				},
 			] );
-
+			/*
+Expected mock function not to be called but it was called with: ["POST", "http://localhost:8889/wp-admin/admin-ajax.php", "http://localhost:8889/wp-admin/admin-ajax.php"],["GET", "http://localhost:8889/wp-admin/post-new.php", "http://localhost:8889/wp-admin/post-new.php"],["GET", "http://localhost:8889/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.16", "http://localhost:8889/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.16"],["GET", "http://localhost:8889/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=6.1-alpha-53506", "http://localhost:8889/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=6.1-alpha-53506"],["GET", "http://localhost:8889/wp-includes/js/imgareaselect/imgareaselect.css?ver=0.9.8", "http://localhost:8889/wp-includes/js/imgareaselect/imgareaselect.css?ver=0.9.8"],["GET", "http://localhost:8889/wp-content/plugins/gutenberg/build/components/style.css?ver=1655290402", "http://localhost:8889/wp-content/plugins/gutenberg/build/components/style.css?ver=1655290402"],["GET", "http://localhost:8889/wp-content/plugins/gutenberg/build/block-editor/style.css?ver=1655290402", "http://localhost:8889/wp-content/plugins/gutenberg/build/block-editor/style.css?ver=1655290402"],["GET", "http://localhost:8889/wp-content/plugins/gutenberg/build/nux/style.css?ver=1655290402", "http://localhost:8889/wp-content/plugins/gutenberg/build/nux/style.css?ver=1655290402"],["GET", "http://localhost:8889/wp-content/plugins/gutenberg/build/reusable-blocks/style.css?ver=1655290402", "http://localhost:8889/wp-content/plugins/gutenberg/build/reusable-blocks/style.css?ver=1655290402"],["GET", "http://localhost:8889/wp-content/plugins/gutenberg/build/editor/style.css?ver=1655290402", "http://localhost:8889/wp-content/plugins/gutenberg/build/editor/style.css?ver=1655290402"],["GET", "http://localhost:8889/wp-content/plugins/gutenberg/build/block-library/reset.css?ver=1655290402", "http://localhost:8889/wp-content/plugins/gutenberg/build/block-library/reset.css?ver=1655290402"],["GET", "http://localhost:8889/wp-content/plugins/gutenberg/build/block-library/style.css?ver=1655290402", "http://localhost:8889/wp-content/plugins/gutenberg/build/block-library/style.css?ver=1655290402"],["GET", "http://localhost:8889/wp-content/plugins/gutenberg/build/edit-post/classic.css?ver=1655290402", "http://localhost:8889/wp-content/plugins/gutenberg/build/edit-post/classic.css?ver=1655290402"],["GET", "http://localhost:8889/wp-content/plugins/gutenberg/build/block-library/editor.css?ver=1655290402", "http://localhost:8889/wp-content/plugins/gutenberg/build/block-library/editor.css?ver=1655290402"],["GET", "http://localhost:8889/wp-content/plugins/gutenberg/build/edit-post/style.css?ver=1655290402", "http://localhost:8889/wp-content/plugins/gutenberg/build/edit-post/style.css?ver=1655290402"],["GET", "http://localhost:8889/wp-content/plugins/gutenberg/build/block-directory/style.css?ver=1655290402", "http://localhost:8889/wp-content/plugins/gutenberg/build/block-directory/style.css?ver=1655290402"],["GET", "http://localhost:8889/wp-content/plugins/gutenberg/build/format-library/style.css?ver=1655290402", "http://localhost:8889/wp-content/plugins/gutenberg/build/format-library/style.css?ver=1655290402"],["GET", "http://localhost:8889/wp-content/themes/twentytwentyone/assets/css/custom-color-overrides.css?ver=1.6", "http://localhost:8889/wp-content/themes/twentytwentyone/assets/css/custom-color-overrides.css?ver=1.6"],["GET", "http://localhost:8889/wp-content/plugins/gutenberg/build/block-library/theme.css?ver=1655290402", "http://localhost:8889/wp-content/plugins/gutenberg/build/block-library/theme.css?ver=1655290402"],["GET", "http://localhost:8889/wp-content/plugins/gutenberg/build/blob/index.min.js?ver=bccaf46e493181a8db9a", "http://localhost:8889/wp-content/plugins/gutenberg/build/blob/index.min.js?ver=bccaf46e493181a8db9a"],["GET", "http://localhost:8889/wp-content/plugins/gutenberg/build/autop/index.min.js?ver=b1a2f86387be4fa46f89", "http://loca
+ */
 			await createNewPost();
 			await clickOnMoreMenuItem( 'Code editor' );
 			const codeEditorInput = await page.waitForSelector(

package/specs/editor/blocks/table.test.js

@@ -232,9 +232,8 @@ describe( 'Table', () => {
 
 		// Get the bounding client rect for the second cell.
 		const { x: secondCellX, y: secondCellY } = await page.evaluate( () => {
-			const secondCell = document.querySelectorAll(
-				'.wp-block-table td'
-			)[ 1 ];
+			const secondCell =
+				document.querySelectorAll( '.wp-block-table td' )[ 1 ];
 			// Page.evaluate can only return a serializable value to the
 			// parent process, so destructure and restructure the result
 			// into an object.

package/specs/editor/plugins/cpt-locking.test.js

@@ -103,9 +103,8 @@ describe( 'cpt locking', () => {
 
 		it( 'should show invalid template notice if the blocks do not match the templte', async () => {
 			const content = await getEditedPostContent();
-			const [ , contentWithoutImage ] = content.split(
-				'<!-- /wp:image -->'
-			);
+			const [ , contentWithoutImage ] =
+				content.split( '<!-- /wp:image -->' );
 			await setPostContent( contentWithoutImage );
 			const noticeContent = await page.waitForSelector(
 				'.editor-template-validation-notice .components-notice__content'

package/specs/editor/plugins/inner-blocks-allowed-blocks.test.js

@@ -36,7 +36,9 @@ describe( 'Allowed Blocks Setting on InnerBlocks', () => {
 		await page.click( childParagraphSelector );
 		await openGlobalBlockInserter();
 		await expect(
-			( await getAllBlockInserterItemTitles() ).length
+			(
+				await getAllBlockInserterItemTitles()
+			 ).length
 		).toBeGreaterThan( 20 );
 	} );
 

package/specs/editor/various/datepicker.test.js

@@ -138,7 +138,9 @@ describe.each( [ [ 'UTC-10' ], [ 'UTC' ], [ 'UTC+10' ] ] )(
 			await page.click( '.edit-post-post-schedule__toggle' );
 
 			// Clear the date.
-			await page.click( '.block-editor-publish-date-time-picker__reset' );
+			await page.click(
+				'.block-editor-publish-date-time-picker button[aria-label="Now"]'
+			);
 
 			const publishingDate = await getPublishingDate();
 

package/specs/editor/various/embedding.test.js

@@ -16,8 +16,7 @@ import {
 
 const MOCK_EMBED_WORDPRESS_SUCCESS_RESPONSE = {
 	url: 'https://wordpress.org/gutenberg/handbook/block-api/attributes/',
-	html:
-		'<div class="wp-embedded-content" data-secret="shhhh it is a secret"></div>',
+	html: '<div class="wp-embedded-content" data-secret="shhhh it is a secret"></div>',
 	type: 'rich',
 	provider_name: 'WordPress',
 	provider_url: 'https://wordpress.org',
@@ -78,8 +77,7 @@ const MOCK_BAD_EMBED_PROVIDER_RESPONSE = {
 
 const MOCK_CANT_EMBED_RESPONSE = {
 	provider_name: 'Embed Handler',
-	html:
-		'<a href="https://twitter.com/wooyaygutenberg123454312">https://twitter.com/wooyaygutenberg123454312</a>',
+	html: '<a href="https://twitter.com/wooyaygutenberg123454312">https://twitter.com/wooyaygutenberg123454312</a>',
 };
 
 const MOCK_BAD_WORDPRESS_RESPONSE = {

package/specs/editor/various/links.test.js

@@ -271,9 +271,8 @@ describe( 'Links', () => {
 	const toggleFixedToolbar = async ( isFixed ) => {
 		await page.evaluate( ( _isFixed ) => {
 			const { select, dispatch } = wp.data;
-			const isCurrentlyFixed = select( 'core/edit-post' ).isFeatureActive(
-				'fixedToolbar'
-			);
+			const isCurrentlyFixed =
+				select( 'core/edit-post' ).isFeatureActive( 'fixedToolbar' );
 			if ( isCurrentlyFixed !== _isFixed ) {
 				dispatch( 'core/edit-post' ).toggleFeature( 'fixedToolbar' );
 			}

package/specs/editor/various/navigable-toolbar.test.js

@@ -20,9 +20,8 @@ describe.each( [
 
 		await page.evaluate( ( _isUnifiedToolbar ) => {
 			const { select, dispatch } = wp.data;
-			const isCurrentlyUnified = select(
-				'core/edit-post'
-			).isFeatureActive( 'fixedToolbar' );
+			const isCurrentlyUnified =
+				select( 'core/edit-post' ).isFeatureActive( 'fixedToolbar' );
 			if ( isCurrentlyUnified !== _isUnifiedToolbar ) {
 				dispatch( 'core/edit-post' ).toggleFeature( 'fixedToolbar' );
 			}

package/specs/editor/various/publishing.test.js

@@ -103,7 +103,8 @@ describe( 'Publishing', () => {
 
 			beforeEach( async () => {
 				await createNewPost( postType );
-				werePrePublishChecksEnabled = await arePrePublishChecksEnabled();
+				werePrePublishChecksEnabled =
+					await arePrePublishChecksEnabled();
 				if ( werePrePublishChecksEnabled ) {
 					await disablePrePublishChecks();
 				}
@@ -143,7 +144,8 @@ describe( 'Publishing', () => {
 
 			beforeEach( async () => {
 				await createNewPost( postType );
-				werePrePublishChecksEnabled = await arePrePublishChecksEnabled();
+				werePrePublishChecksEnabled =
+					await arePrePublishChecksEnabled();
 				if ( werePrePublishChecksEnabled ) {
 					await disablePrePublishChecks();
 				}

package/specs/editor/various/taxonomies.test.js

@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import { random } from 'lodash';
-
 /**
  * WordPress dependencies
  */
@@ -19,6 +14,12 @@ import {
 const TAG_TOKEN_SELECTOR =
 	'.components-form-token-field__token-text span:not(.components-visually-hidden)';
 
+function generateRandomNumber() {
+	// Using `Math.random()` directly is fine in this testing context.
+	// eslint-disable-next-line no-restricted-syntax
+	return Math.round( 1 + Math.random() * ( Number.MAX_SAFE_INTEGER - 1 ) );
+}
+
 describe( 'Taxonomies', () => {
 	const canCreatTermInTaxonomy = ( taxonomy ) => {
 		return page.evaluate( ( _taxonomy ) => {
@@ -152,7 +153,7 @@ describe( 'Taxonomies', () => {
 		// Click the tag input field.
 		await tagInput.click();
 
-		const tagName = "tag'-" + random( 1, Number.MAX_SAFE_INTEGER );
+		const tagName = "tag'-" + generateRandomNumber();
 
 		// Type the category name in the field.
 		await tagInput.type( tagName );
@@ -211,7 +212,7 @@ describe( 'Taxonomies', () => {
 		// Click the tag input field.
 		await tagInput.click();
 
-		const tagName = 'tag-' + random( 1, Number.MAX_SAFE_INTEGER );
+		const tagName = 'tag-' + generateRandomNumber();
 
 		// Type the category name in the field.
 		await tagInput.type( tagName );

package/specs/experiments/navigation-editor.test.js

@@ -681,17 +681,15 @@ describe.skip( 'Navigation editor', () => {
 
 			// Get the title/label of the last Nav item inside the Nav block.
 			const lastItemAttributes = await page.evaluate( () => {
-				const { getBlockOrder, getBlocks } = wp.data.select(
-					'core/block-editor'
-				);
+				const { getBlockOrder, getBlocks } =
+					wp.data.select( 'core/block-editor' );
 
 				const lockedNavigationBlock = getBlockOrder()[ 0 ];
 
 				const navItemBlocks = getBlocks( lockedNavigationBlock );
 
-				const { attributes } = navItemBlocks[
-					navItemBlocks.length - 1
-				];
+				const { attributes } =
+					navItemBlocks[ navItemBlocks.length - 1 ];
 
 				return attributes;
 			} );

package/specs/performance/post-editor.test.js

@@ -3,7 +3,6 @@
  */
 import { basename, join } from 'path';
 import { writeFileSync } from 'fs';
-import { sum } from 'lodash';
 
 /**
  * WordPress dependencies
@@ -136,11 +135,8 @@ describe( 'Post Editor Performance', () => {
 		}
 		await page.tracing.stop();
 		traceResults = JSON.parse( readFile( traceFile ) );
-		const [
-			keyDownEvents,
-			keyPressEvents,
-			keyUpEvents,
-		] = getTypingEventDurations( traceResults );
+		const [ keyDownEvents, keyPressEvents, keyUpEvents ] =
+			getTypingEventDurations( traceResults );
 		if (
 			keyDownEvents.length === keyPressEvents.length &&
 			keyPressEvents.length === keyUpEvents.length
@@ -226,6 +222,10 @@ describe( 'Post Editor Performance', () => {
 	} );
 
 	it( 'Searching the inserter', async () => {
+		function sum( arr ) {
+			return arr.reduce( ( a, b ) => a + b, 0 );
+		}
+
 		// Measure time to search the inserter and get results.
 		await openGlobalBlockInserter();
 		for ( let j = 0; j < 10; j++ ) {
@@ -240,11 +240,8 @@ describe( 'Post Editor Performance', () => {
 			await page.keyboard.type( 'p' );
 			await page.tracing.stop();
 			traceResults = JSON.parse( readFile( traceFile ) );
-			const [
-				keyDownEvents,
-				keyPressEvents,
-				keyUpEvents,
-			] = getTypingEventDurations( traceResults );
+			const [ keyDownEvents, keyPressEvents, keyUpEvents ] =
+				getTypingEventDurations( traceResults );
 			if (
 				keyDownEvents.length === keyPressEvents.length &&
 				keyPressEvents.length === keyUpEvents.length
@@ -284,9 +281,8 @@ describe( 'Post Editor Performance', () => {
 			await page.tracing.stop();
 
 			traceResults = JSON.parse( readFile( traceFile ) );
-			const [ mouseOverEvents, mouseOutEvents ] = getHoverEventDurations(
-				traceResults
-			);
+			const [ mouseOverEvents, mouseOutEvents ] =
+				getHoverEventDurations( traceResults );
 			for ( let k = 0; k < mouseOverEvents.length; k++ ) {
 				results.inserterHover.push(
 					mouseOverEvents[ k ] + mouseOutEvents[ k ]

package/specs/performance/site-editor.test.js

@@ -130,11 +130,8 @@ describe( 'Site Editor Performance', () => {
 		}
 		await page.tracing.stop();
 		const traceResults = JSON.parse( readFile( traceFile ) );
-		const [
-			keyDownEvents,
-			keyPressEvents,
-			keyUpEvents,
-		] = getTypingEventDurations( traceResults );
+		const [ keyDownEvents, keyPressEvents, keyUpEvents ] =
+			getTypingEventDurations( traceResults );
 
 		for ( let j = 0; j < keyDownEvents.length; j++ ) {
 			results.type.push(

package/specs/widgets/editing-widgets.test.js

@@ -113,7 +113,8 @@ describe( 'Widgets screen', () => {
 		const insertionPointIndicator = await page.$(
 			'.block-editor-block-list__insertion-point-indicator'
 		);
-		const insertionPointIndicatorBoundingBox = await insertionPointIndicator.boundingBox();
+		const insertionPointIndicatorBoundingBox =
+			await insertionPointIndicator.boundingBox();
 
 		expect(
 			insertionPointIndicatorBoundingBox.y > lastBlockBoundingBox.y
@@ -298,7 +299,8 @@ describe( 'Widgets screen', () => {
 			firstParagraphBlock
 		);
 
-		const secondParagraphBlockBoundingBox = await secondParagraphBlock.boundingBox();
+		const secondParagraphBlockBoundingBox =
+			await secondParagraphBlock.boundingBox();
 
 		// Click outside the block to move the focus back to the widget area.
 		await page.mouse.click(
@@ -560,16 +562,18 @@ describe( 'Widgets screen', () => {
 			{},
 			firstParagraphBlock
 		);
-		const duplicatedParagraphBlock = await firstParagraphBlock.evaluateHandle(
-			( paragraph ) => paragraph.nextSibling
-		);
+		const duplicatedParagraphBlock =
+			await firstParagraphBlock.evaluateHandle(
+				( paragraph ) => paragraph.nextSibling
+			);
 
 		const firstParagraphBlockClientId = await firstParagraphBlock.evaluate(
 			( node ) => node.dataset.block
 		);
-		const duplicatedParagraphBlockClientId = await duplicatedParagraphBlock.evaluate(
-			( node ) => node.dataset.block
-		);
+		const duplicatedParagraphBlockClientId =
+			await duplicatedParagraphBlock.evaluate(
+				( node ) => node.dataset.block
+			);
 
 		expect( firstParagraphBlockClientId ).not.toBe(
 			duplicatedParagraphBlockClientId