@wordpress/e2e-tests 4.0.2 → 4.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/e2e-tests",
-	"version": "4.0.2",
+	"version": "4.0.3",
 	"description": "End-To-End (E2E) tests for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -26,7 +26,7 @@
 		"@wordpress/e2e-test-utils": "^7.2.1",
 		"@wordpress/jest-console": "^5.0.3",
 		"@wordpress/jest-puppeteer-axe": "^4.0.3",
-		"@wordpress/scripts": "^22.4.1",
+		"@wordpress/scripts": "^22.4.2",
 		"@wordpress/url": "^3.7.1",
 		"chalk": "^4.0.0",
 		"expect-puppeteer": "^4.4.0",
@@ -46,5 +46,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "446565ecaa40370173c18926535e975ec5652b71"
+	"gitHead": "37e930b93fbba88fa024a91eb527a90f855c97f3"
 }

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

@@ -1429,5 +1429,43 @@ describe( 'Navigation', () => {
 				'//*[contains(@class, "components-snackbar")]/*[text()="Navigation Menu successfully created."]'
 			);
 		} );
+
+		it( 'should always focus select menu button after item selection', async () => {
+			// Create some navigation menus to work with.
+			await createNavigationMenu( {
+				title: 'Example Navigation',
+				content:
+					'<!-- wp:navigation-link {"label":"WordPress","type":"custom","url":"http://www.wordpress.org/","kind":"custom","isTopLevelLink":true} /-->',
+			} );
+			await createNavigationMenu( {
+				title: 'Second Example Navigation',
+				content:
+					'<!-- wp:navigation-link {"label":"WordPress","type":"custom","url":"http://www.wordpress.org/","kind":"custom","isTopLevelLink":true} /-->',
+			} );
+
+			// Create new post.
+			await createNewPost();
+
+			// Insert new block and wait for the insert to complete.
+			await insertBlock( 'Navigation' );
+			await waitForBlock( 'Navigation' );
+			await page.waitForXPath( START_EMPTY_XPATH );
+
+			// Change menus via the select menu toolbar button.
+			const selectMenuDropdown = await page.waitForSelector(
+				'[aria-label="Select Menu"]'
+			);
+			await selectMenuDropdown.click();
+			const exampleNavigationOption = await page.waitForXPath(
+				'//span[contains(text(), "Second Example Navigation")]'
+			);
+			await exampleNavigationOption.click();
+
+			// Once the options are closed, does select menu button receive focus?
+			const selectMenuDropdown2 = await page.waitForSelector(
+				'[aria-label="Select Menu"]'
+			);
+			await expect( selectMenuDropdown2 ).toHaveFocus();
+		} );
 	} );
 } );

package/specs/editor/various/writing-flow.test.js

@@ -9,6 +9,7 @@ import {
 	pressKeyWithModifier,
 	insertBlock,
 	clickBlockToolbarButton,
+	openDocumentSettingsSidebar,
 } from '@wordpress/e2e-test-utils';
 
 const getActiveBlockName = async () =>
@@ -701,7 +702,7 @@ describe( 'Writing Flow', () => {
 		).toBe( 'Table' );
 	} );
 
-	it( 'Should unselect all blocks when hitting double escape', async () => {
+	it( 'should unselect all blocks when hitting double escape', async () => {
 		// Add demo content.
 		await page.keyboard.press( 'Enter' );
 		await page.keyboard.type( 'Random Paragraph' );
@@ -720,4 +721,33 @@ describe( 'Writing Flow', () => {
 		activeBlockName = await getActiveBlockName();
 		expect( activeBlockName ).toBe( undefined );
 	} );
+
+	// Checks for regressions of https://github.com/WordPress/gutenberg/issues/40091.
+	it( 'does not deselect the block when selecting text outside the editor canvas', async () => {
+		await page.keyboard.press( 'Enter' );
+		await page.keyboard.type( 'Random Paragraph' );
+		await openDocumentSettingsSidebar();
+		const blockDescription = await page.waitForSelector(
+			'.block-editor-block-card__description'
+		);
+		const boundingBox = await blockDescription.boundingBox();
+		const startPosition = {
+			x: boundingBox.x + 10,
+			y: boundingBox.y + 8,
+		};
+		const endPosition = {
+			x: startPosition.x + 50,
+			y: startPosition.y,
+		};
+
+		await page.mouse.move( startPosition.x, startPosition.y );
+		await page.mouse.down();
+		await page.mouse.move( endPosition.x, endPosition.y );
+		await page.mouse.up();
+
+		const selectedParagraph = await page.waitForSelector(
+			'.wp-block-paragraph.is-selected'
+		);
+		expect( selectedParagraph ).toBeDefined();
+	} );
 } );

package/specs/experiments/blocks/post-comments-form.test.js

@@ -0,0 +1,46 @@
+/**
+ * WordPress dependencies
+ */
+import {
+	insertBlock,
+	activateTheme,
+	setOption,
+	visitSiteEditor,
+	openSiteEditorNavigationPanel,
+	navigateSiteEditorBackToRoot,
+	deleteAllTemplates,
+	canvas,
+} from '@wordpress/e2e-test-utils';
+
+describe( 'Post Comments Form', () => {
+	beforeAll( async () => {
+		await activateTheme( 'emptytheme' );
+		await deleteAllTemplates( 'wp_template' );
+	} );
+
+	describe( 'placeholder', () => {
+		it( 'displays in site editor even when comments are closed by default', async () => {
+			await setOption( 'default_comment_status', 'closed' );
+
+			// Navigate to "Singular" post template
+			await visitSiteEditor();
+			await openSiteEditorNavigationPanel();
+			await navigateSiteEditorBackToRoot();
+			await expect( page ).toClick(
+				'.components-navigation__item-title',
+				{ text: /templates/i }
+			);
+			await expect( page ).toClick( '.components-heading > a', {
+				text: /singular/i,
+			} );
+
+			// Insert post comments form
+			await insertBlock( 'Post Comments Form' );
+
+			// Ensure the placeholder is there
+			await expect( canvas() ).toMatchElement(
+				'.wp-block-post-comments-form .comment-form'
+			);
+		} );
+	} );
+} );