@wordpress/e2e-tests 4.8.0 → 4.9.2

package/README.md

@@ -18,30 +18,30 @@ The following commands are available on the Gutenberg repo:
 
 ```json
 {
-	"test-e2e": "wp-scripts test-e2e --config packages/e2e-tests/jest.config.js",
-	"test-e2e:debug": "wp-scripts --inspect-brk test-e2e --config packages/e2e-tests/jest.config.js --puppeteer-devtools",
-	"test-e2e:watch": "npm run test-e2e -- --watch"
+	"test:e2e": "wp-scripts test-e2e --config packages/e2e-tests/jest.config.js",
+	"test:e2e:debug": "wp-scripts --inspect-brk test-e2e --config packages/e2e-tests/jest.config.js --puppeteer-devtools",
+	"test:e2e:watch": "npm run test:e2e -- --watch"
 }
 ```
 
 ### Run all available tests
 
 ```bash
-npm run test-e2e
+npm run test:e2e
 ```
 
 ### Run all available tests and listen for changes.
 
 ```bash
-npm run test-e2e:watch
+npm run test:e2e:watch
 ```
 
 ### Run a specific test file
 
 ```bash
-npm run test-e2e -- packages/e2e-test/<path_to_test_file>
+npm run test:e2e -- packages/e2e-test/<path_to_test_file>
 # Or, in order to watch for changes:
-npm run test-e2e:watch -- packages/e2e-test/<path_to_test_file>
+npm run test:e2e:watch -- packages/e2e-test/<path_to_test_file>
 ```
 
 ### Debugging
@@ -49,7 +49,7 @@ npm run test-e2e:watch -- packages/e2e-test/<path_to_test_file>
 Makes e2e tests available to debug in a Chrome Browser.
 
 ```bash
-npm run test-e2e:debug
+npm run test:e2e:debug
 ```
 
 After running the command, tests will be available for debugging in Chrome by going to chrome://inspect/#devices and clicking `inspect` under the path to `/test-e2e.js`.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/e2e-tests",
-	"version": "4.8.0",
+	"version": "4.9.2",
 	"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.10.0",
+		"@wordpress/e2e-test-utils": "^7.11.0",
 		"@wordpress/jest-console": "^5.4.0",
 		"@wordpress/jest-puppeteer-axe": "^4.1.0",
-		"@wordpress/scripts": "^23.6.0",
-		"@wordpress/url": "^3.15.0",
+		"@wordpress/scripts": "^23.7.2",
+		"@wordpress/url": "^3.16.0",
 		"chalk": "^4.0.0",
 		"expect-puppeteer": "^4.4.0",
 		"filenamify": "^4.2.0",
@@ -46,5 +46,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "0315dbc240cb2aa146d7c1bafd251f004b88300e"
+	"gitHead": "b5b9cf3926b3a3c153252e6e4bc2de41afa3ca2a"
 }

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

@@ -147,4 +147,50 @@ describe( 'Quote', () => {
 		// Expect the paragraph to be deleted.
 		expect( await getEditedPostContent() ).toMatchSnapshot();
 	} );
+
+	it( 'can be unwrapped on Backspace', async () => {
+		await insertBlock( 'Quote' );
+
+		expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
+		"<!-- wp:quote -->
+		<blockquote class=\\"wp-block-quote\\"><!-- wp:paragraph -->
+		<p></p>
+		<!-- /wp:paragraph --></blockquote>
+		<!-- /wp:quote -->"
+	` );
+
+		await page.keyboard.press( 'Backspace' );
+
+		expect( await getEditedPostContent() ).toMatchInlineSnapshot( `""` );
+	} );
+
+	it( 'can be unwrapped with content on Backspace', async () => {
+		await insertBlock( 'Quote' );
+		await page.keyboard.type( '1' );
+		await page.keyboard.press( 'ArrowRight' );
+		await page.keyboard.type( '2' );
+
+		expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
+		"<!-- wp:quote -->
+		<blockquote class=\\"wp-block-quote\\"><!-- wp:paragraph -->
+		<p>1</p>
+		<!-- /wp:paragraph --><cite>2</cite></blockquote>
+		<!-- /wp:quote -->"
+	` );
+
+		await page.keyboard.press( 'ArrowLeft' );
+		await page.keyboard.press( 'ArrowUp' );
+		await page.keyboard.press( 'ArrowUp' );
+		await page.keyboard.press( 'Backspace' );
+
+		expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
+		"<!-- wp:paragraph -->
+		<p>1</p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:paragraph -->
+		<p>2</p>
+		<!-- /wp:paragraph -->"
+	` );
+	} );
 } );

package/specs/editor/various/__snapshots__/rich-text.test.js.snap

@@ -178,6 +178,18 @@ exports[`RichText should transform backtick to code 2`] = `
 <!-- /wp:paragraph -->"
 `;
 
+exports[`RichText should transform when typing backtick over selection 1`] = `
+"<!-- wp:paragraph -->
+<p>A <code>selection</code> test.</p>
+<!-- /wp:paragraph -->"
+`;
+
+exports[`RichText should transform when typing backtick over selection 2`] = `
+"<!-- wp:paragraph -->
+<p>A \`selection\` test.</p>
+<!-- /wp:paragraph -->"
+`;
+
 exports[`RichText should undo backtick transform with backspace 1`] = `
 "<!-- wp:paragraph -->
 <p>\`a\`</p>

package/specs/editor/various/block-editor-keyboard-shortcuts.test.js

@@ -87,7 +87,7 @@ describe( 'block editor keyboard shortcuts', () => {
 		} );
 		it( 'should prevent deleting multiple selected blocks from inputs', async () => {
 			await clickBlockToolbarButton( 'Options' );
-			await clickMenuItem( 'Add to Reusable blocks' );
+			await clickMenuItem( 'Create Reusable block' );
 			const reusableBlockNameInputSelector =
 				'.reusable-blocks-menu-items__convert-modal .components-text-control__input';
 			const nameInput = await page.waitForSelector(

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

@@ -192,7 +192,7 @@ describe( 'Reusable blocks', () => {
 
 		// Convert block to a reusable block.
 		await clickBlockToolbarButton( 'Options' );
-		await clickMenuItem( 'Add to Reusable blocks' );
+		await clickMenuItem( 'Create Reusable block' );
 
 		// Set title.
 		const nameInput = await page.waitForSelector(
@@ -373,7 +373,7 @@ describe( 'Reusable blocks', () => {
 
 		// Convert to reusable.
 		await clickBlockToolbarButton( 'Options' );
-		await clickMenuItem( 'Add to Reusable blocks' );
+		await clickMenuItem( 'Create Reusable block' );
 		const nameInput = await page.waitForSelector(
 			reusableBlockNameInputSelector
 		);

package/specs/editor/various/rich-text.test.js

@@ -148,6 +148,23 @@ describe( 'RichText', () => {
 		expect( await getEditedPostContent() ).toMatchSnapshot();
 	} );
 
+	it( 'should transform when typing backtick over selection', async () => {
+		await clickBlockAppender();
+		await page.keyboard.type( 'A selection test.' );
+		await page.keyboard.press( 'Home' );
+		await page.keyboard.press( 'ArrowRight' );
+		await page.keyboard.press( 'ArrowRight' );
+		await pressKeyWithModifier( 'shiftAlt', 'ArrowRight' );
+		await page.keyboard.type( '`' );
+
+		expect( await getEditedPostContent() ).toMatchSnapshot();
+
+		// Should undo the transform.
+		await pressKeyWithModifier( 'primary', 'z' );
+
+		expect( await getEditedPostContent() ).toMatchSnapshot();
+	} );
+
 	it( 'should only mutate text data on input', async () => {
 		await clickBlockAppender();
 		await page.keyboard.type( '1' );

package/specs/site-editor/multi-entity-saving.test.js

@@ -207,15 +207,15 @@ describe( 'Multi-entity save flow', () => {
 			await page.keyboard.type( '...' );
 
 			await insertBlock( 'Site Tagline' );
-			// Ensure tagline is retrieved before typing.
+			// Wait for the placeholder.
 			await page.waitForXPath(
-				'//p[contains(text(), "Just another WordPress site")]'
+				'//span[@data-rich-text-placeholder="Write site tagline…"]'
 			);
 			const editableSiteTagLineSelector =
 				'.wp-block-site-tagline[contenteditable="true"]';
 			await page.waitForSelector( editableSiteTagLineSelector );
 			await page.focus( editableSiteTagLineSelector );
-			await page.keyboard.type( '...' );
+			await page.keyboard.type( 'Just another WordPress site' );
 
 			await clickButton( 'Publish' );
 			await page.waitForSelector( savePanelSelector );

package/specs/editor/blocks/__snapshots__/group.test.js.snap

@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Group can be created using the block inserter 1`] = `
-"<!-- wp:group -->
-<div class=\\"wp-block-group\\"></div>
-<!-- /wp:group -->"
-`;
-
-exports[`Group can be created using the slash inserter 1`] = `
-"<!-- wp:group -->
-<div class=\\"wp-block-group\\"></div>
-<!-- /wp:group -->"
-`;
-
-exports[`Group can have other blocks appended to it using the button appender 1`] = `
-"<!-- wp:group -->
-<div class=\\"wp-block-group\\"><!-- wp:paragraph -->
-<p>Group Block with a Paragraph</p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:group -->"
-`;

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

@@ -1,43 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	clickBlockAppender,
-	searchForBlock,
-	getEditedPostContent,
-	createNewPost,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Group', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'can be created using the block inserter', async () => {
-		await searchForBlock( 'Group' );
-		await page.click( '.editor-block-list-item-group' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'can be created using the slash inserter', async () => {
-		await clickBlockAppender();
-		await page.keyboard.type( '/group' );
-		await page.waitForXPath(
-			`//*[contains(@class, "components-autocomplete__result") and contains(@class, "is-selected") and contains(text(), 'Group')]`
-		);
-		await page.keyboard.press( 'Enter' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'can have other blocks appended to it using the button appender', async () => {
-		await searchForBlock( 'Group' );
-		await page.click( '.editor-block-list-item-group' );
-		await page.click( '.block-editor-button-block-appender' );
-		await page.click( '.editor-block-list-item-paragraph' );
-		await page.keyboard.type( 'Group Block with a Paragraph' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-} );

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

@@ -1,44 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { createNewPost, setPostContent } from '@wordpress/e2e-test-utils';
-
-describe( 'missing block', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'should strip potentially malicious on* attributes', async () => {
-		let hasAlert = false;
-
-		page.on( 'dialog', () => {
-			hasAlert = true;
-		} );
-
-		await setPostContent(
-			`<!-- wp:non-existing-block-here --><img src onerror=alert(1)>`
-		);
-
-		// Give the browser time to show the alert.
-		await page.evaluate( () => new Promise( window.requestIdleCallback ) );
-
-		expect( hasAlert ).toBe( false );
-	} );
-
-	it( 'hould strip potentially malicious script tags', async () => {
-		let hasAlert = false;
-
-		page.on( 'dialog', () => {
-			hasAlert = true;
-		} );
-
-		await setPostContent(
-			`<!-- wp:non-existing-block-here --><script>alert("EVIL");</script>`
-		);
-
-		// Give the browser time to show the alert.
-		await page.evaluate( () => new Promise( window.requestIdleCallback ) );
-
-		expect( hasAlert ).toBe( false );
-	} );
-} );

package/specs/editor/plugins/__snapshots__/deprecated-node-matcher.test.js.snap

@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Deprecated Node Matcher should insert block with children source 1`] = `
-"<!-- wp:deprecated-children-matcher -->
-<p class=\\"wp-block-deprecated-children-matcher\\">test<br/><strong>a</strong></p>
-<!-- /wp:deprecated-children-matcher -->"
-`;
-
-exports[`Deprecated Node Matcher should insert block with node source 1`] = `
-"<!-- wp:deprecated-node-matcher -->
-<blockquote class=\\"wp-block-deprecated-node-matcher\\"><p>test</p><p></p></blockquote>
-<!-- /wp:deprecated-node-matcher -->"
-`;

package/specs/editor/plugins/deprecated-node-matcher.test.js

@@ -1,44 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	activatePlugin,
-	createNewPost,
-	deactivatePlugin,
-	getEditedPostContent,
-	insertBlock,
-	pressKeyWithModifier,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Deprecated Node Matcher', () => {
-	beforeAll( async () => {
-		await activatePlugin( 'gutenberg-test-deprecated-node-matcher' );
-	} );
-
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	afterAll( async () => {
-		await deactivatePlugin( 'gutenberg-test-deprecated-node-matcher' );
-	} );
-
-	it( 'should insert block with node source', async () => {
-		await insertBlock( 'Deprecated Node Matcher' );
-		await page.keyboard.type( 'test' );
-		await page.keyboard.press( 'Enter' );
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should insert block with children source', async () => {
-		await insertBlock( 'Deprecated Children Matcher' );
-		await page.keyboard.type( 'test' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( 'a' );
-		await page.keyboard.down( 'Shift' );
-		await page.keyboard.press( 'ArrowLeft' );
-		await page.keyboard.up( 'Shift' );
-		await pressKeyWithModifier( 'primary', 'b' );
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-} );

package/specs/editor/various/__snapshots__/convert-block-type.test.js.snap

@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Code block should convert to a preformatted block 1`] = `
-"<!-- wp:code -->
-<pre class=\\"wp-block-code\\"><code>print \\"Hello Dolly!\\"</code></pre>
-<!-- /wp:code -->"
-`;
-
-exports[`Code block should convert to a preformatted block 2`] = `
-"<!-- wp:preformatted -->
-<pre class=\\"wp-block-preformatted\\">print \\"Hello Dolly!\\"</pre>
-<!-- /wp:preformatted -->"
-`;

package/specs/editor/various/convert-block-type.test.js

@@ -1,32 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	getEditedPostContent,
-	createNewPost,
-	insertBlock,
-	transformBlockTo,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Code block', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'should convert to a preformatted block', async () => {
-		const code = 'print "Hello Dolly!"';
-
-		await insertBlock( 'Code' );
-		await page.keyboard.type( code );
-
-		// Verify the content starts out as a Code block.
-		const originalPostContent = await getEditedPostContent();
-		expect( originalPostContent ).toMatchSnapshot();
-
-		await transformBlockTo( 'Preformatted' );
-
-		// The content should now be a Preformatted block with no data loss.
-		const convertedPostContent = await getEditedPostContent();
-		expect( convertedPostContent ).toMatchSnapshot();
-	} );
-} );