@wordpress/e2e-tests 7.20.0 → 7.21.1

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

@@ -1,115 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Block Grouping Group creation creates a group from multiple blocks of different types via block transforms 1`] = `
-"<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:heading -->
-<h2 class="wp-block-heading">Group Heading</h2>
-<!-- /wp:heading -->
-
-<!-- wp:image -->
-<figure class="wp-block-image"><img alt=""/></figure>
-<!-- /wp:image -->
-
-<!-- wp:paragraph -->
-<p>Some paragraph</p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:group -->"
-`;
-
-exports[`Block Grouping Group creation creates a group from multiple blocks of the same type via block transforms 1`] = `
-"<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:paragraph -->
-<p>First Paragraph</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>Second Paragraph</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>Third Paragraph</p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:group -->"
-`;
-
-exports[`Block Grouping Group creation creates a group from multiple blocks of the same type via options toolbar 1`] = `
-"<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:paragraph -->
-<p>First Paragraph</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>Second Paragraph</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>Third Paragraph</p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:group -->"
-`;
-
-exports[`Block Grouping Group creation groups and ungroups multiple blocks of different types via options toolbar 1`] = `
-"<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:heading -->
-<h2 class="wp-block-heading">Group Heading</h2>
-<!-- /wp:heading -->
-
-<!-- wp:image -->
-<figure class="wp-block-image"><img alt=""/></figure>
-<!-- /wp:image -->
-
-<!-- wp:paragraph -->
-<p>Some paragraph</p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:group -->"
-`;
-
-exports[`Block Grouping Group creation groups and ungroups multiple blocks of different types via options toolbar 2`] = `
-"<!-- wp:heading -->
-<h2 class="wp-block-heading">Group Heading</h2>
-<!-- /wp:heading -->
-
-<!-- wp:image -->
-<figure class="wp-block-image"><img alt=""/></figure>
-<!-- /wp:image -->
-
-<!-- wp:paragraph -->
-<p>Some paragraph</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Block Grouping Preserving selected blocks attributes preserves width alignment settings of selected blocks 1`] = `
-"<!-- wp:group {"align":"full","layout":{"type":"constrained"}} -->
-<div class="wp-block-group alignfull"><!-- wp:heading -->
-<h2 class="wp-block-heading">Group Heading</h2>
-<!-- /wp:heading -->
-
-<!-- wp:image {"align":"full"} -->
-<figure class="wp-block-image alignfull"><img alt=""/></figure>
-<!-- /wp:image -->
-
-<!-- wp:image {"align":"wide"} -->
-<figure class="wp-block-image alignwide"><img alt=""/></figure>
-<!-- /wp:image -->
-
-<!-- wp:paragraph -->
-<p>Some paragraph</p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:group -->"
-`;
-
-exports[`Block Grouping Registering alternative Blocks to handle Grouping interactions should use registered grouping block for grouping interactions 1`] = `
-"<!-- wp:test/alternative-group-block -->
-<!-- wp:paragraph -->
-<p>First Paragraph</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>Second Paragraph</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>Third Paragraph</p>
-<!-- /wp:paragraph -->
-<!-- /wp:test/alternative-group-block -->"
-`;

package/specs/editor/various/__snapshots__/embedding.test.js.snap

@@ -1,67 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Embedding content should allow the user to convert unembeddable URLs to a paragraph with a link in it 1`] = `
-"<!-- wp:paragraph -->
-<p><a href="https://twitter.com/wooyaygutenberg123454312">https://twitter.com/wooyaygutenberg123454312</a></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Embedding content should allow the user to try embedding a failed URL again 1`] = `
-"<!-- wp:embed {"url":"https://twitter.com/wooyaygutenberg123454312","type":"rich","providerNameSlug":"twitter","responsive":true} -->
-<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
-https://twitter.com/wooyaygutenberg123454312
-</div></figure>
-<!-- /wp:embed -->"
-`;
-
-exports[`Embedding content should render embeds in the correct state 1`] = `
-"<!-- wp:embed {"url":"https://twitter.com/notnownikki","type":"rich","providerNameSlug":"twitter","responsive":true} -->
-<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
-https://twitter.com/notnownikki
-</div></figure>
-<!-- /wp:embed -->
-
-<!-- wp:embed {"url":"https://twitter.com/wooyaygutenberg123454312","type":"rich","providerNameSlug":"embed-handler","responsive":true} -->
-<figure class="wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler"><div class="wp-block-embed__wrapper">
-https://twitter.com/wooyaygutenberg123454312
-</div></figure>
-<!-- /wp:embed -->
-
-<!-- wp:embed {"url":"https://wordpress.org/gutenberg/handbook/"} -->
-<figure class="wp-block-embed"><div class="wp-block-embed__wrapper">
-https://wordpress.org/gutenberg/handbook/
-</div></figure>
-<!-- /wp:embed -->
-
-<!-- wp:embed {"url":"https://twitter.com/thatbunty"} -->
-<figure class="wp-block-embed"><div class="wp-block-embed__wrapper">
-https://twitter.com/thatbunty
-</div></figure>
-<!-- /wp:embed -->
-
-<!-- wp:embed {"url":"https://wordpress.org/gutenberg/handbook/block-api/attributes/","type":"wp-embed","providerNameSlug":"wordpress"} -->
-<figure class="wp-block-embed is-type-wp-embed is-provider-wordpress wp-block-embed-wordpress"><div class="wp-block-embed__wrapper">
-https://wordpress.org/gutenberg/handbook/block-api/attributes/
-</div></figure>
-<!-- /wp:embed -->
-
-<!-- wp:embed {"url":"https://www.youtube.com/watch?v=lXMskKTw3Bc","type":"video","providerNameSlug":"youtube","responsive":true,"className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
-<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
-https://www.youtube.com/watch?v=lXMskKTw3Bc
-</div></figure>
-<!-- /wp:embed -->
-
-<!-- wp:embed {"url":"https://cloudup.com/cQFlxqtY4ob","type":"photo","providerNameSlug":"cloudup","responsive":true} -->
-<figure class="wp-block-embed is-type-photo is-provider-cloudup wp-block-embed-cloudup"><div class="wp-block-embed__wrapper">
-https://cloudup.com/cQFlxqtY4ob
-</div></figure>
-<!-- /wp:embed -->"
-`;
-
-exports[`Embedding content should retry embeds that could not be embedded with trailing slashes, without the trailing slashes 1`] = `
-"<!-- wp:embed {"url":"https://twitter.com/notnownikki/","type":"rich","providerNameSlug":"embed-handler","responsive":true} -->
-<figure class="wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler"><div class="wp-block-embed__wrapper">
-https://twitter.com/notnownikki/
-</div></figure>
-<!-- /wp:embed -->"
-`;

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

@@ -1,283 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	insertBlock,
-	createNewPost,
-	clickBlockToolbarButton,
-	clickMenuItem,
-	pressKeyWithModifier,
-	getEditedPostContent,
-	transformBlockTo,
-	getAllBlocks,
-	getAvailableBlockTransforms,
-	activatePlugin,
-	deactivatePlugin,
-	createReusableBlock,
-	canvas,
-} from '@wordpress/e2e-test-utils';
-
-async function insertBlocksOfSameType() {
-	await insertBlock( 'Paragraph' );
-	await page.keyboard.type( 'First Paragraph' );
-
-	await insertBlock( 'Paragraph' );
-	await page.keyboard.type( 'Second Paragraph' );
-
-	await insertBlock( 'Paragraph' );
-	await page.keyboard.type( 'Third Paragraph' );
-}
-
-async function insertBlocksOfMultipleTypes() {
-	await insertBlock( 'Heading' );
-	await page.keyboard.type( 'Group Heading' );
-
-	await insertBlock( 'Image' );
-
-	await insertBlock( 'Paragraph' );
-	await page.keyboard.type( 'Some paragraph' );
-}
-
-describe( 'Block Grouping', () => {
-	beforeEach( async () => {
-		// Posts are auto-removed at the end of each test run.
-		await createNewPost();
-	} );
-
-	describe( 'Group creation', () => {
-		it( 'creates a group from multiple blocks of the same type via block transforms', async () => {
-			// Creating test blocks.
-			await insertBlocksOfSameType();
-
-			// Multiselect via keyboard.
-			await pressKeyWithModifier( 'primary', 'a' );
-			await pressKeyWithModifier( 'primary', 'a' );
-
-			await transformBlockTo( 'Group' );
-
-			expect( await getEditedPostContent() ).toMatchSnapshot();
-		} );
-
-		it( 'creates a group from multiple blocks of different types via block transforms', async () => {
-			// Creating test blocks.
-			await insertBlocksOfMultipleTypes();
-
-			// Multiselect via keyboard.
-			await pressKeyWithModifier( 'primary', 'a' );
-			await pressKeyWithModifier( 'primary', 'a' );
-
-			await transformBlockTo( 'Group' );
-
-			expect( await getEditedPostContent() ).toMatchSnapshot();
-		} );
-
-		it( 'creates a group from multiple blocks of the same type via options toolbar', async () => {
-			// Creating test blocks.
-			await insertBlocksOfSameType();
-
-			// Multiselect via keyboard.
-			await pressKeyWithModifier( 'primary', 'a' );
-			await pressKeyWithModifier( 'primary', 'a' );
-
-			await clickBlockToolbarButton( 'Options' );
-			await clickMenuItem( 'Group' );
-
-			expect( await getEditedPostContent() ).toMatchSnapshot();
-		} );
-
-		it( 'groups and ungroups multiple blocks of different types via options toolbar', async () => {
-			// Creating test blocks.
-			await insertBlocksOfMultipleTypes();
-			await pressKeyWithModifier( 'primary', 'a' );
-			await pressKeyWithModifier( 'primary', 'a' );
-
-			// Group.
-			await clickBlockToolbarButton( 'Options' );
-			await clickMenuItem( 'Group' );
-
-			expect( await getEditedPostContent() ).toMatchSnapshot();
-
-			// UnGroup.
-			await clickBlockToolbarButton( 'Options' );
-			await clickMenuItem( 'Ungroup' );
-
-			expect( await getEditedPostContent() ).toMatchSnapshot();
-		} );
-
-		it( 'does not allow ungrouping a group block that has no children', async () => {
-			await insertBlock( 'Group' );
-			await clickBlockToolbarButton( 'Options' );
-			const ungroupButtons = await page.$x(
-				'//button/span[text()="Ungroup"]'
-			);
-			expect( ungroupButtons ).toHaveLength( 0 );
-		} );
-		it( 'should group and ungroup a controlled block properly', async () => {
-			const getParagraphText = async () => {
-				const paragraphInReusableSelector =
-					'.block-editor-block-list__block[data-type="core/block"] p';
-				await canvas().waitForSelector( paragraphInReusableSelector );
-				return canvas().$eval(
-					paragraphInReusableSelector,
-					( element ) => element.innerText
-				);
-			};
-
-			const paragraphText = 'hi';
-			await createReusableBlock( paragraphText, 'Block' );
-			// Group
-			await clickBlockToolbarButton( 'Options' );
-			await clickMenuItem( 'Group' );
-
-			let group = await canvas().$$( '[data-type="core/group"]' );
-			expect( group ).toHaveLength( 1 );
-			// Make sure the paragraph in reusable block exists.
-			expect( await getParagraphText() ).toMatch( paragraphText );
-
-			await clickBlockToolbarButton( 'Options' );
-			await clickMenuItem( 'Ungroup' );
-			group = await canvas().$$( '[data-type="core/group"]' );
-			expect( group ).toHaveLength( 0 );
-			// Make sure the paragraph in reusable block exists.
-			expect( await getParagraphText() ).toEqual( paragraphText );
-		} );
-		it( 'should group another Group block via options toolbar', async () => {
-			await insertBlock( 'Paragraph' );
-			await page.keyboard.type( '1' );
-			await clickBlockToolbarButton( 'Options' );
-			await clickMenuItem( 'Group' );
-			await clickBlockToolbarButton( 'Options' );
-			await clickMenuItem( 'Group' );
-			expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
-			"<!-- wp:group {"layout":{"type":"constrained"}} -->
-			<div class="wp-block-group"><!-- wp:group {"layout":{"type":"constrained"}} -->
-			<div class="wp-block-group"><!-- wp:paragraph -->
-			<p>1</p>
-			<!-- /wp:paragraph --></div>
-			<!-- /wp:group --></div>
-			<!-- /wp:group -->"
-		` );
-		} );
-	} );
-
-	describe( 'Grouping Block availability', () => {
-		beforeEach( async () => {
-			// Disable the Group block.
-			await page.evaluate( () => {
-				const { dispatch } = wp.data;
-				dispatch( 'core/edit-post' ).hideBlockTypes( [ 'core/group' ] );
-			} );
-
-			// Create a Group.
-			await insertBlocksOfMultipleTypes();
-			await pressKeyWithModifier( 'primary', 'a' );
-			await pressKeyWithModifier( 'primary', 'a' );
-		} );
-
-		afterAll( async () => {
-			// Re-enable the Group block.
-			await page.evaluate( () => {
-				const { dispatch } = wp.data;
-				dispatch( 'core/edit-post' ).showBlockTypes( [ 'core/group' ] );
-			} );
-		} );
-
-		it( 'does not show group transform if Grouping block is disabled', async () => {
-			const availableTransforms = await getAvailableBlockTransforms();
-
-			expect( availableTransforms ).not.toContain( 'Group' );
-		} );
-
-		it( 'does not show group option in the options toolbar if Grouping block is disabled', async () => {
-			await clickBlockToolbarButton( 'Options' );
-
-			const blockOptionsDropdownHTML = await page.evaluate(
-				() =>
-					document.querySelector(
-						'.block-editor-block-settings-menu__popover'
-					).innerHTML
-			);
-
-			expect( blockOptionsDropdownHTML ).not.toContain( 'Group' );
-		} );
-	} );
-
-	describe( 'Preserving selected blocks attributes', () => {
-		it( 'preserves width alignment settings of selected blocks', async () => {
-			await insertBlock( 'Heading' );
-			await page.keyboard.type( 'Group Heading' );
-
-			// Full width image.
-			await insertBlock( 'Image' );
-			await clickBlockToolbarButton( 'Align' );
-			const fullButton = await page.waitForXPath(
-				`//button[contains(@class,'components-dropdown-menu__menu-item')]//span[contains(text(), 'Full width')]`
-			);
-			await fullButton.evaluate( ( element ) =>
-				element.scrollIntoView()
-			);
-			await fullButton.click();
-
-			// Wide width image.
-			await insertBlock( 'Image' );
-			await clickBlockToolbarButton( 'Align' );
-			const wideButton = await page.waitForXPath(
-				`//button[contains(@class,'components-dropdown-menu__menu-item')]//span[contains(text(), 'Wide width')]`
-			);
-			await wideButton.evaluate( ( element ) =>
-				element.scrollIntoView()
-			);
-			await wideButton.click();
-
-			await insertBlock( 'Paragraph' );
-			await page.keyboard.type( 'Some paragraph' );
-
-			await pressKeyWithModifier( 'primary', 'a' );
-			await pressKeyWithModifier( 'primary', 'a' );
-
-			await transformBlockTo( 'Group' );
-
-			const allBlocks = await getAllBlocks();
-
-			// We expect Group block align setting to match that
-			// of the widest of it's "child" innerBlocks
-			expect( allBlocks[ 0 ].attributes.align ).toBe( 'full' );
-
-			expect( await getEditedPostContent() ).toMatchSnapshot();
-		} );
-	} );
-
-	describe( 'Registering alternative Blocks to handle Grouping interactions', () => {
-		beforeAll( async () => {
-			await activatePlugin( 'gutenberg-test-custom-grouping-block' );
-		} );
-
-		afterAll( async () => {
-			await deactivatePlugin( 'gutenberg-test-custom-grouping-block' );
-		} );
-
-		it( 'should use registered grouping block for grouping interactions', async () => {
-			// Set custom Block as the Block to use for Grouping.
-			await page.evaluate( () => {
-				window.wp.blocks.setGroupingBlockName(
-					'test/alternative-group-block'
-				);
-			} );
-
-			// Creating test blocks.
-			await insertBlocksOfSameType();
-
-			// Multiselect via keyboard.
-			await pressKeyWithModifier( 'primary', 'a' );
-			await pressKeyWithModifier( 'primary', 'a' );
-
-			// Group - this will use whichever Block is registered as the Grouping Block
-			// as opposed to "transformTo()" which uses whatever is passed to it. To
-			// ensure this test is meaningful we must rely on what is registered.
-			await clickBlockToolbarButton( 'Options' );
-			await clickMenuItem( 'Group' );
-
-			expect( await getEditedPostContent() ).toMatchSnapshot();
-		} );
-	} );
-} );