@wordpress/e2e-tests 6.1.0 → 6.2.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+## 6.2.0 (2023-01-11)
+
 ## 6.1.0 (2023-01-02)
 
 ## 6.0.0 (2022-12-14)

package/LICENSE.md

@@ -1,6 +1,6 @@
 ## Gutenberg
 
-    Copyright 2016-2022 by the contributors
+    Copyright 2016-2023 by the contributors
 
 **License for Contributions (on and after April 15, 2021)**
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/e2e-tests",
-	"version": "6.1.0",
+	"version": "6.2.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": "^9.1.0",
-		"@wordpress/jest-console": "^6.7.0",
-		"@wordpress/jest-puppeteer-axe": "^5.7.0",
-		"@wordpress/scripts": "^25.1.0",
-		"@wordpress/url": "^3.25.0",
+		"@wordpress/e2e-test-utils": "^9.2.0",
+		"@wordpress/jest-console": "^6.8.0",
+		"@wordpress/jest-puppeteer-axe": "^5.8.0",
+		"@wordpress/scripts": "^25.2.0",
+		"@wordpress/url": "^3.26.0",
 		"chalk": "^4.0.0",
 		"expect-puppeteer": "^4.4.0",
 		"filenamify": "^4.2.0",
@@ -46,5 +46,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "200bee7b06b15f6fa655e25b6ab69cbd6b49a357"
+	"gitHead": "204c880ff65295768e9695dfee6c7a9fee1fdd05"
 }

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

@@ -9,6 +9,7 @@ import {
 	pressKeyWithModifier,
 	openDocumentSettingsSidebar,
 	getListViewBlocks,
+	switchBlockInspectorTab,
 } from '@wordpress/e2e-test-utils';
 
 async function openListViewSidebar() {
@@ -20,6 +21,20 @@ async function tabToColumnsControl() {
 	let isColumnsControl = false;
 	do {
 		await page.keyboard.press( 'Tab' );
+
+		const isBlockInspectorTab = await page.evaluate( () => {
+			const activeElement = document.activeElement;
+			return (
+				activeElement.getAttribute( 'role' ) === 'tab' &&
+				activeElement.attributes.getNamedItem( 'aria-label' ).value ===
+					'Styles'
+			);
+		} );
+
+		if ( isBlockInspectorTab ) {
+			await page.keyboard.press( 'ArrowRight' );
+		}
+
 		isColumnsControl = await page.evaluate( () => {
 			const activeElement = document.activeElement;
 			return (
@@ -60,6 +75,7 @@ describe( 'Navigating the block hierarchy', () => {
 
 		// Tweak the columns count.
 		await openDocumentSettingsSidebar();
+		await switchBlockInspectorTab( 'Settings' );
 		await page.focus(
 			'.block-editor-block-inspector [aria-label="Columns"][type="number"]'
 		);

package/specs/editor/various/block-switcher.test.js

@@ -76,7 +76,7 @@ describe( 'Block Switcher', () => {
 				'core/group',
 				'core/heading',
 				'core/columns',
-			].map( ( block ) => wp.blocks.unregisterBlockType( block ) );
+			].forEach( ( block ) => wp.blocks.unregisterBlockType( block ) );
 		} );
 
 		await page.keyboard.press( 'ArrowUp' );

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

@@ -318,7 +318,7 @@ describe( 'Inserting blocks', () => {
 		);
 		await browseAll.click();
 		const availableBlocks = await page.$$(
-			'.block-editor-block-types-list__list-item'
+			'.edit-post-editor__inserter-panel .block-editor-block-types-list__list-item'
 		);
 		expect( availableBlocks ).toHaveLength( 1 );
 	} );

package/assets/greeting-reusable-block.json

@@ -1,5 +0,0 @@
-{
-	"__file": "wp_block",
-	"title": "Greeting",
-	"content": "<!-- wp:paragraph -->\n<p>Hello there</p>\n<!-- /wp:paragraph -->"
-}

package/specs/editor/various/manage-reusable-blocks.test.js

@@ -1,74 +0,0 @@
-/**
- * External dependencies
- */
-import path from 'path';
-
-/**
- * WordPress dependencies
- */
-import { visitAdminPage } from '@wordpress/e2e-test-utils';
-
-describe( 'Managing reusable blocks', () => {
-	/**
-	 * Returns a Promise which resolves to the number of post list entries on
-	 * the current page.
-	 *
-	 * @return {Promise} Promise resolving to number of post list entries.
-	 */
-	async function getNumberOfEntries() {
-		return page.evaluate(
-			() => document.querySelectorAll( '.hentry' ).length
-		);
-	}
-
-	beforeAll( async () => {
-		await visitAdminPage( 'edit.php', 'post_type=wp_block' );
-	} );
-
-	it( 'Should import reusable blocks', async () => {
-		const originalEntries = await getNumberOfEntries();
-
-		// Import Reusable block.
-		await page.waitForSelector( '.list-reusable-blocks__container' );
-		const importButton = await page.$(
-			'.list-reusable-blocks__container button'
-		);
-		await importButton.click();
-
-		// Select the file to upload.
-		const testReusableBlockFile = path.join(
-			__dirname,
-			'..',
-			'..',
-			'..',
-			'assets',
-			'greeting-reusable-block.json'
-		);
-		const input = await page.$( '.list-reusable-blocks-import-form input' );
-		await input.uploadFile( testReusableBlockFile );
-
-		// Submit the form.
-		const button = await page.$(
-			'.list-reusable-blocks-import-form__button'
-		);
-		await button.click();
-
-		// Wait for the success notice.
-		await page.waitForSelector( '.notice-success' );
-		const noticeContent = await page.$eval(
-			'.notice-success',
-			( element ) => element.textContent
-		);
-		expect( noticeContent ).toEqual(
-			'Reusable block imported successfully!'
-		);
-
-		// Refresh the page.
-		await visitAdminPage( 'edit.php', 'post_type=wp_block' );
-
-		const expectedEntries = originalEntries + 1;
-		const actualEntries = await getNumberOfEntries();
-
-		expect( actualEntries ).toBe( expectedEntries );
-	} );
-} );

package/specs/editor/various/post-visibility.test.js

@@ -1,133 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	setBrowserViewport,
-	createNewPost,
-	openDocumentSettingsSidebar,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Post visibility', () => {
-	afterEach( async () => {
-		await setBrowserViewport( 'large' );
-	} );
-	[ 'large', 'small' ].forEach( ( viewport ) => {
-		it( `can be changed when the viewport is ${ viewport }`, async () => {
-			await setBrowserViewport( viewport );
-
-			await createNewPost();
-
-			await openDocumentSettingsSidebar();
-
-			await page.click( '*[aria-label^="Select visibility"]' );
-
-			const [ privateLabel ] = await page.$x(
-				'//label[text()="Private"]'
-			);
-			await privateLabel.click();
-
-			await page.waitForXPath(
-				'//*[text()="Would you like to privately publish this post now?"]'
-			);
-
-			const [ confirmButton ] = await page.$x(
-				'//*[@role="dialog"]//button[text()="OK"]'
-			);
-			await confirmButton.click();
-
-			const currentStatus = await page.evaluate( () => {
-				return wp.data
-					.select( 'core/editor' )
-					.getEditedPostAttribute( 'status' );
-			} );
-
-			expect( currentStatus ).toBe( 'private' );
-		} );
-
-		it( `can be canceled when the viewport is ${ viewport }`, async () => {
-			await setBrowserViewport( viewport );
-
-			await createNewPost();
-
-			await openDocumentSettingsSidebar();
-
-			const initialStatus = await page.evaluate( () => {
-				return wp.data
-					.select( 'core/editor' )
-					.getEditedPostAttribute( 'status' );
-			} );
-
-			await page.click( '*[aria-label^="Select visibility"]' );
-
-			const [ privateLabel ] = await page.$x(
-				'//label[text()="Private"]'
-			);
-			await privateLabel.click();
-			await page.waitForXPath(
-				'//*[text()="Would you like to privately publish this post now?"]'
-			);
-			const cancelButton = await page.waitForXPath(
-				'//*[@role="dialog"][not(@id="wp-link-wrap")]//button[text()="Cancel"]'
-			);
-			await cancelButton.click();
-
-			const currentStatus = await page.evaluate( () => {
-				return wp.data
-					.select( 'core/editor' )
-					.getEditedPostAttribute( 'status' );
-			} );
-
-			expect( currentStatus ).toBe( initialStatus );
-		} );
-	} );
-
-	it( 'visibility remains private even if the publish date is in the future', async () => {
-		await createNewPost();
-
-		// Enter a title for this post.
-		await page.type( '.editor-post-title__input', 'Title' );
-
-		await openDocumentSettingsSidebar();
-
-		// Set a publish date for the next month.
-		await page.click( '*[aria-label^="Change date"]' );
-		await page.click( '*[aria-label="View next month"]' );
-		await (
-			await page.$x(
-				'//*[@role="application"][@aria-label="Calendar"]//button[text()="15"]'
-			)
-		 )[ 0 ].click();
-
-		await page.click( '*[aria-label^="Select visibility"]' );
-
-		const [ privateLabel ] = await page.$x( '//label[text()="Private"]' );
-		await privateLabel.click();
-
-		await page.waitForXPath(
-			'//*[text()="Would you like to privately publish this post now?"]'
-		);
-
-		const [ confirmButton ] = await page.$x(
-			'//*[@role="dialog"]//button[text()="OK"]'
-		);
-		await confirmButton.click();
-
-		// Enter a title for this post.
-		await page.type( '.editor-post-title__input', ' Changed' );
-
-		// Wait for the button to be clickable before attempting to click.
-		// This could cause errors when we try to click before changes are registered.
-		await page.waitForSelector(
-			'.editor-post-publish-button[aria-disabled="false"]'
-		);
-		await page.click( '.editor-post-publish-button' );
-
-		const currentStatus = await page.evaluate( () => {
-			return wp.data
-				.select( 'core/editor' )
-				.getEditedPostAttribute( 'status' );
-		} );
-
-		expect( currentStatus ).toBe( 'private' );
-	} );
-} );