@wordpress/e2e-tests 5.5.0 → 5.6.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+## 5.6.0 (2022-11-16)
+
 ## 5.5.0 (2022-11-02)
 
 ## 5.4.0 (2022-10-19)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/e2e-tests",
-	"version": "5.5.0",
+	"version": "5.6.0",
 	"description": "End-To-End (E2E) tests for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -23,11 +23,11 @@
 		"node": ">=14"
 	},
 	"dependencies": {
-		"@wordpress/e2e-test-utils": "^8.5.0",
-		"@wordpress/jest-console": "^6.4.0",
-		"@wordpress/jest-puppeteer-axe": "^5.4.0",
-		"@wordpress/scripts": "^24.5.0",
-		"@wordpress/url": "^3.22.0",
+		"@wordpress/e2e-test-utils": "^8.6.0",
+		"@wordpress/jest-console": "^6.5.0",
+		"@wordpress/jest-puppeteer-axe": "^5.5.0",
+		"@wordpress/scripts": "^24.6.0",
+		"@wordpress/url": "^3.23.0",
 		"chalk": "^4.0.0",
 		"expect-puppeteer": "^4.4.0",
 		"filenamify": "^4.2.0",
@@ -46,5 +46,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "511f4cc1f0138641bc4394bc1cf36e833109c791"
+	"gitHead": "7ac04f446242452d3cb24372f9ca58f0cae97715"
 }

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

@@ -127,7 +127,9 @@ describe( 'Cover', () => {
 		);
 
 		// Select the cover block.By default the child paragraph gets selected.
-		await page.click( '.edit-post-header-toolbar__list-view-toggle' );
+		await page.click(
+			'.edit-post-header-toolbar__document-overview-toggle'
+		);
 		await page.click(
 			'.block-editor-list-view-block__contents-container a'
 		);

package/specs/editor/various/block-hierarchy-navigation.test.js

@@ -49,7 +49,9 @@ describe( 'Navigating the block hierarchy', () => {
 		await page.keyboard.type( 'First column' );
 
 		// Navigate to the columns blocks.
-		await page.click( '.edit-post-header-toolbar__list-view-toggle' );
+		await page.click(
+			'.edit-post-header-toolbar__document-overview-toggle'
+		);
 
 		const firstColumnsBlockMenuItem = (
 			await getListViewBlocks( 'Columns' )
@@ -165,7 +167,10 @@ describe( 'Navigating the block hierarchy', () => {
 	it( 'should select the wrapper div for a group', async () => {
 		// Insert a group block.
 		await insertBlock( 'Group' );
-
+		// Select the default, selected Group layout from the variation picker.
+		await page.click(
+			'button[aria-label="Group: Gather blocks in a container."]'
+		);
 		// Insert some random blocks.
 		// The last block shouldn't be a textual block.
 		await page.click( '.block-list-appender .block-editor-inserter' );
@@ -183,7 +188,9 @@ describe( 'Navigating the block hierarchy', () => {
 		await page.click( '.editor-post-title' );
 
 		// Try selecting the group block using the Outline.
-		await page.click( '.edit-post-header-toolbar__list-view-toggle' );
+		await page.click(
+			'.edit-post-header-toolbar__document-overview-toggle'
+		);
 		const groupMenuItem = ( await getListViewBlocks( 'Group' ) )[ 0 ];
 		await groupMenuItem.click();
 

package/specs/editor/various/font-size-picker.test.js

@@ -102,51 +102,59 @@ describe( 'Font Size Picker', () => {
 	describe( 'More font sizes', () => {
 		beforeEach( async () => {
 			await page.evaluate( () => {
+				// set a deep `path[]` property in object `obj` to `value`, immutably
+				function setDeep( obj, path, value ) {
+					function doSet( o, i ) {
+						if ( i < path.length ) {
+							const key = path[ i ];
+							return { ...o, [ key ]: doSet( o[ key ], i + 1 ) };
+						}
+						return value;
+					}
+					return doSet( obj, 0 );
+				}
+
 				wp.data.dispatch( 'core/block-editor' ).updateSettings(
-					// eslint-disable-next-line no-undef
-					lodash.merge(
+					setDeep(
 						wp.data.select( 'core/block-editor' ).getSettings(),
-						{
-							__experimentalFeatures: {
-								typography: {
-									fontSizes: {
-										default: [
-											{
-												name: 'Tiny',
-												slug: 'tiny',
-												size: '11px',
-											},
-											,
-											{
-												name: 'Small',
-												slug: 'small',
-												size: '13px',
-											},
-											{
-												name: 'Medium',
-												slug: 'medium',
-												size: '20px',
-											},
-											{
-												name: 'Large',
-												slug: 'large',
-												size: '36px',
-											},
-											{
-												name: 'Extra Large',
-												slug: 'x-large',
-												size: '42px',
-											},
-											{
-												name: 'Huge',
-												slug: 'huge',
-												size: '48px',
-											},
-										],
-									},
-								},
+						[
+							'__experimentalFeatures',
+							'typography',
+							'fontSizes',
+							'default',
+						],
+						[
+							{
+								name: 'Tiny',
+								slug: 'tiny',
+								size: '11px',
 							},
-						}
+							{
+								name: 'Small',
+								slug: 'small',
+								size: '13px',
+							},
+							{
+								name: 'Medium',
+								slug: 'medium',
+								size: '20px',
+							},
+							{
+								name: 'Large',
+								slug: 'large',
+								size: '36px',
+							},
+							{
+								name: 'Extra Large',
+								slug: 'x-large',
+								size: '42px',
+							},
+							{
+								name: 'Huge',
+								slug: 'huge',
+								size: '48px',
+							},
+						]
 					)
 				);
 			} );
@@ -158,7 +166,7 @@ describe( 'Font Size Picker', () => {
 			await page.keyboard.type( 'Paragraph to be made "large"' );
 
 			await openFontSizeSelectControl();
-			await pressKeyTimes( 'ArrowDown', 5 );
+			await pressKeyTimes( 'ArrowDown', 4 );
 			await page.keyboard.press( 'Enter' );
 
 			expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
@@ -175,7 +183,7 @@ describe( 'Font Size Picker', () => {
 			);
 
 			await openFontSizeSelectControl();
-			await pressKeyTimes( 'ArrowDown', 4 );
+			await pressKeyTimes( 'ArrowDown', 3 );
 			await page.keyboard.press( 'Enter' );
 			expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
 			"<!-- wp:paragraph {\\"fontSize\\":\\"medium\\"} -->
@@ -202,7 +210,7 @@ describe( 'Font Size Picker', () => {
 			);
 
 			await openFontSizeSelectControl();
-			await pressKeyTimes( 'ArrowDown', 3 );
+			await pressKeyTimes( 'ArrowDown', 2 );
 			await page.keyboard.press( 'Enter' );
 			expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
 			"<!-- wp:paragraph {\\"fontSize\\":\\"small\\"} -->

package/specs/editor/various/inserting-blocks.test.js

@@ -277,6 +277,10 @@ describe( 'Inserting blocks', () => {
 	// Check for regression of https://github.com/WordPress/gutenberg/issues/24403
 	it( 'inserts a block in proper place after having clicked `Browse All` from block appender', async () => {
 		await insertBlock( 'Group' );
+		// Select the default, selected Group layout from the variation picker.
+		await page.click(
+			'button[aria-label="Group: Gather blocks in a container."]'
+		);
 		await insertBlock( 'Paragraph' );
 		await page.keyboard.type( 'Paragraph after group' );
 		// Click the Group first to make the appender inside it clickable.
@@ -295,6 +299,10 @@ describe( 'Inserting blocks', () => {
 		const INSERTER_SEARCH_SELECTOR =
 			'.block-editor-inserter__search input,.block-editor-inserter__search-input,input.block-editor-inserter__search';
 		await insertBlock( 'Group' );
+		// Select the default, selected Group layout from the variation picker.
+		await page.click(
+			'button[aria-label="Group: Gather blocks in a container."]'
+		);
 		await insertBlock( 'Paragraph' );
 		await page.keyboard.type( 'Text' );
 		// Click the Group first to make the appender inside it clickable.

package/specs/editor/various/keyboard-navigable-blocks.test.js

@@ -223,7 +223,10 @@ describe( 'Order of block keyboard navigation', () => {
 	it( 'allows the block wrapper to gain focus for a group block instead of the first element', async () => {
 		// Insert a group block.
 		await insertBlock( 'Group' );
-
+		// Select the default, selected Group layout from the variation picker.
+		await page.click(
+			'button[aria-label="Group: Gather blocks in a container."]'
+		);
 		// If active label matches, that means focus did not change from group block wrapper.
 		await expect( await getActiveLabel() ).toBe( 'Block: Group' );
 	} );

package/specs/editor/various/multi-block-selection.test.js

@@ -399,6 +399,11 @@ describe( 'Multi-block selection', () => {
 		);
 		await page.keyboard.press( 'Enter' );
 
+		// Select the default, selected Group layout from the variation picker.
+		await page.click(
+			'button[aria-label="Group: Gather blocks in a container."]'
+		);
+
 		const groupAppender = await page.waitForSelector(
 			'.block-editor-button-block-appender'
 		);