@wordpress/e2e-tests 7.12.0 → 7.13.0

package/specs/editor/various/{reusable-blocks.test.js → pattern-blocks.test.js}

@@ -4,7 +4,7 @@
 import {
 	clickMenuItem,
 	insertBlock,
-	insertReusableBlock,
+	insertPattern,
 	createNewPost,
 	clickBlockToolbarButton,
 	pressKeyWithModifier,
@@ -19,9 +19,9 @@ import {
 	canvas,
 } from '@wordpress/e2e-test-utils';
 
-const reusableBlockNameInputSelector =
+const patternBlockNameInputSelector =
 	'.patterns-menu-items__convert-modal .components-text-control__input';
-const reusableBlockInspectorNameInputSelector =
+const patternBlockInspectorNameInputSelector =
 	'.block-editor-block-inspector .components-text-control__input';
 const syncToggleSelectorChecked =
 	'.patterns-menu-items__convert-modal .components-form-toggle.is-checked';
@@ -60,7 +60,7 @@ const clearAllBlocks = async () => {
 	} );
 };
 
-describe( 'Reusable blocks', () => {
+describe( 'Pattern blocks', () => {
 	afterAll( async () => {
 		await trashAllPosts( 'wp_block' );
 	} );
@@ -74,12 +74,12 @@ describe( 'Reusable blocks', () => {
 		await clearAllBlocks();
 
 		// Insert the reusable block we created above.
-		await insertReusableBlock( 'Greeting block' );
+		await insertPattern( 'Greeting block' );
 
 		// Change the block's title.
 		await openDocumentSettingsSidebar();
 		const nameInput = await page.waitForSelector(
-			reusableBlockInspectorNameInputSelector
+			patternBlockInspectorNameInputSelector
 		);
 		await nameInput.click();
 		await pressKeyWithModifier( 'primary', 'a' );
@@ -108,7 +108,7 @@ describe( 'Reusable blocks', () => {
 		await clearAllBlocks();
 
 		// Insert the reusable block we edited above.
-		await insertReusableBlock( 'Surprised greeting block' );
+		await insertPattern( 'Surprised greeting block' );
 
 		// Convert block to a regular block.
 		await clickBlockToolbarButton( 'Options' );
@@ -170,12 +170,12 @@ describe( 'Reusable blocks', () => {
 		await createNewPost();
 
 		// Step 3. Insert the block created in Step 1.
-		await insertReusableBlock( 'Awesome block' );
+		await insertPattern( 'Awesome block' );
 
 		// Check the title.
 		await openDocumentSettingsSidebar();
 		const title = await page.$eval(
-			reusableBlockInspectorNameInputSelector,
+			patternBlockInspectorNameInputSelector,
 			( element ) => element.value
 		);
 		expect( title ).toBe( 'Awesome block' );
@@ -200,7 +200,7 @@ describe( 'Reusable blocks', () => {
 
 		// Set title.
 		const nameInput = await page.waitForSelector(
-			reusableBlockNameInputSelector
+			patternBlockNameInputSelector
 		);
 		await nameInput.click();
 		await page.keyboard.type( 'Multi-selection reusable block' );
@@ -215,7 +215,7 @@ describe( 'Reusable blocks', () => {
 		await clearAllBlocks();
 
 		// Insert the reusable block we edited above.
-		await insertReusableBlock( 'Multi-selection reusable block' );
+		await insertPattern( 'Multi-selection reusable block' );
 
 		// Convert block to a regular block.
 		await clickBlockToolbarButton( 'Options' );
@@ -231,7 +231,7 @@ describe( 'Reusable blocks', () => {
 			'Random reusable block'
 		);
 		await clearAllBlocks();
-		await insertReusableBlock( 'Random reusable block' );
+		await insertPattern( 'Random reusable block' );
 
 		await visitAdminPage( 'edit.php', [ 'post_type=wp_block' ] );
 
@@ -298,8 +298,8 @@ describe( 'Reusable blocks', () => {
 			'Duplicated reusable block'
 		);
 		await clearAllBlocks();
-		await insertReusableBlock( 'Duplicated reusable block' );
-		await insertReusableBlock( 'Duplicated reusable block' );
+		await insertPattern( 'Duplicated reusable block' );
+		await insertPattern( 'Duplicated reusable block' );
 		await saveDraft();
 		await page.reload();
 		await page.waitForSelector( 'iframe[name="editor-canvas"]' );
@@ -384,7 +384,7 @@ describe( 'Reusable blocks', () => {
 		await clickBlockToolbarButton( 'Options' );
 		await clickMenuItem( 'Create pattern' );
 		const nameInput = await page.waitForSelector(
-			reusableBlockNameInputSelector
+			patternBlockNameInputSelector
 		);
 		await nameInput.click();
 		await page.keyboard.type( 'Block with styles' );

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

@@ -77,9 +77,8 @@ describe( 'Multi-entity save flow', () => {
 
 		// Reusable assertions inside Post editor.
 		const assertMultiSaveEnabled = async () => {
-			const multiSaveButton = await page.waitForSelector(
-				multiSaveSelector
-			);
+			const multiSaveButton =
+				await page.waitForSelector( multiSaveSelector );
 			expect( multiSaveButton ).not.toBeNull();
 		};
 		const assertMultiSaveDisabled = async () => {

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

@@ -388,9 +388,8 @@ describe( 'Widgets screen', () => {
 				name: 'Block: Widget Area',
 			} );
 			await firstWidgetArea.focus();
-			const marqueeBlock = await getBlockInGlobalInserter(
-				'Marquee Greeting'
-			);
+			const marqueeBlock =
+				await getBlockInGlobalInserter( 'Marquee Greeting' );
 			await marqueeBlock.click();
 			await page.waitForFunction(
 				( expectedMarquees ) => {
@@ -721,9 +720,8 @@ describe( 'Widgets screen', () => {
 		const [ firstWidgetArea, secondWidgetArea ] = widgetAreas;
 
 		// Insert a paragraph it should be in the first widget area.
-		const inserterParagraphBlock = await getBlockInGlobalInserter(
-			'Paragraph'
-		);
+		const inserterParagraphBlock =
+			await getBlockInGlobalInserter( 'Paragraph' );
 		await inserterParagraphBlock.hover();
 		await inserterParagraphBlock.click();
 		const addedParagraphBlockInFirstWidgetArea = await find(

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

@@ -1,231 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`RichText should apply active formatting for inline paste 1`] = `
-"<!-- wp:paragraph -->
-<p><strong>132</strong>3</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`RichText should apply formatting when selection is collapsed 1`] = `
-"<!-- wp:paragraph -->
-<p>Some <strong>bold</strong>.</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`RichText should apply formatting with primary shortcut 1`] = `
-"<!-- wp:paragraph -->
-<p><strong>test</strong></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`RichText should apply multiple formats when selection is collapsed 1`] = `
-"<!-- wp:paragraph -->
-<p><strong><em>1</em></strong>.</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`RichText should copy/paste heading 1`] = `
-"<!-- wp:heading -->
-<h2 class="wp-block-heading">Heading</h2>
-<!-- /wp:heading -->
-
-<!-- wp:heading -->
-<h2 class="wp-block-heading">Heading</h2>
-<!-- /wp:heading -->"
-`;
-
-exports[`RichText should handle Home and End keys 1`] = `
-"<!-- wp:paragraph -->
-<p>-<strong>12</strong>+</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`RichText should handle change in tag name gracefully 1`] = `
-"<!-- wp:heading {"level":3} -->
-<h3 class="wp-block-heading"></h3>
-<!-- /wp:heading -->"
-`;
-
-exports[`RichText should keep internal selection after blur 1`] = `
-"<!-- wp:paragraph -->
-<p>1<strong>2</strong></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`RichText should make bold after split and merge 1`] = `
-"<!-- wp:paragraph -->
-<p>1<strong>2</strong></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`RichText should navigate arround emoji 1`] = `
-"<!-- wp:paragraph -->
-<p>1🍓</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`RichText should navigate consecutive format boundaries 1`] = `
-"<!-- wp:paragraph -->
-<p><strong>1</strong><em>2</em></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`RichText should navigate consecutive format boundaries 2`] = `
-"<!-- wp:paragraph -->
-<p><strong>1</strong>-<em>2</em></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`RichText should not format text after code backtick 1`] = `
-"<!-- wp:paragraph -->
-<p>A <code>backtick</code> and more.</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`RichText should not lose selection direction 1`] = `
-"<!-- wp:paragraph -->
-<p><strong>1</strong>2-3</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`RichText should not split rich text on inline paste 1`] = `
-"<!-- wp:paragraph -->
-<p>123</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`RichText should not split rich text on inline paste with formatting 1`] = `
-"<!-- wp:paragraph -->
-<p>a1<strong>2</strong>3b</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`RichText should not undo backtick transform with backspace after selection change 1`] = `""`;
-
-exports[`RichText should not undo backtick transform with backspace after typing 1`] = `""`;
-
-exports[`RichText should only mutate text data on input 1`] = `
-"<!-- wp:paragraph -->
-<p>1<strong>2</strong>34</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`RichText should paste list contents into paragraph 1`] = `
-"<!-- wp:list -->
-<ul><!-- wp:list-item -->
-<li>1<!-- wp:list -->
-<ul><!-- wp:list-item -->
-<li>2</li>
-<!-- /wp:list-item --></ul>
-<!-- /wp:list --></li>
-<!-- /wp:list-item --></ul>
-<!-- /wp:list -->
-
-<!-- wp:list -->
-<ul><!-- wp:list-item -->
-<li>1<!-- wp:list -->
-<ul><!-- wp:list-item -->
-<li>2</li>
-<!-- /wp:list-item --></ul>
-<!-- /wp:list --></li>
-<!-- /wp:list-item --></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`RichText should paste paragraph contents into list 1`] = `
-"<!-- wp:paragraph -->
-<p>1<br>2</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:list -->
-<ul><!-- wp:list-item -->
-<li>1</li>
-<!-- /wp:list-item -->
-
-<!-- wp:list-item -->
-<li>2</li>
-<!-- /wp:list-item --></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`RichText should preserve internal formatting 1`] = `
-"<!-- wp:paragraph -->
-<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-cyan-bluish-gray-color">1</mark></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`RichText should preserve internal formatting 2`] = `
-"<!-- wp:paragraph -->
-<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-cyan-bluish-gray-color">1</mark></p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-cyan-bluish-gray-color">1</mark></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`RichText should return focus when pressing formatting button 1`] = `
-"<!-- wp:paragraph -->
-<p>Some <strong>bold</strong>.</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`RichText should run input rules after composition end 1`] = `
-"<!-- wp:paragraph -->
-<p><code>a</code></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`RichText should split rich text on paste 1`] = `
-"<!-- wp:paragraph -->
-<p>a</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>1</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>2</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>b</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`RichText should transform backtick to code 1`] = `
-"<!-- wp:paragraph -->
-<p>A <code>backtick</code></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`RichText should transform backtick to code 2`] = `
-"<!-- wp:paragraph -->
-<p>A \`backtick\`</p>
-<!-- /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>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`RichText should update internal selection after fresh focus 1`] = `
-"<!-- wp:paragraph -->
-<p>1<strong>2</strong></p>
-<!-- /wp:paragraph -->"
-`;