@wordpress/e2e-tests 7.16.0 → 7.17.0

package/specs/editor/plugins/container-blocks.test.js

@@ -1,130 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	activatePlugin,
-	createNewPost,
-	deactivatePlugin,
-	getEditedPostContent,
-	insertBlock,
-	switchEditorModeTo,
-	pressKeyWithModifier,
-	canvas,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'InnerBlocks Template Sync', () => {
-	beforeAll( async () => {
-		await activatePlugin( 'gutenberg-test-innerblocks-templates' );
-	} );
-
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	afterAll( async () => {
-		await deactivatePlugin( 'gutenberg-test-innerblocks-templates' );
-	} );
-
-	const insertBlockAndAddParagraphInside = async ( blockName, blockSlug ) => {
-		const paragraphToAdd = `
-			<!-- wp:paragraph -->
-			<p>added paragraph</p>
-			<!-- /wp:paragraph -->
-		`;
-		await insertBlock( blockName );
-		await switchEditorModeTo( 'Code' );
-		await page.$eval(
-			'.editor-post-text-editor',
-			( element, _paragraph, _blockSlug ) => {
-				const blockDelimiter = `<!-- /wp:${ _blockSlug } -->`;
-				element.value = element.value.replace(
-					blockDelimiter,
-					`${ _paragraph }${ blockDelimiter }`
-				);
-			},
-			paragraphToAdd,
-			blockSlug
-		);
-		// Press "Enter" inside the code editor to fire the `onChange` event for the new value.
-		await page.click( '.editor-post-text-editor' );
-		await pressKeyWithModifier( 'primary', 'A' );
-		await page.keyboard.press( 'ArrowRight' );
-		await page.keyboard.press( 'Enter' );
-		await switchEditorModeTo( 'Visual' );
-	};
-
-	it( 'Ensures blocks without locking are kept intact even if they do not match the template', async () => {
-		await insertBlockAndAddParagraphInside(
-			'Test Inner Blocks no locking',
-			'test/test-inner-blocks-no-locking'
-		);
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'Removes blocks that are not expected by the template if a lock all exists', async () => {
-		await insertBlockAndAddParagraphInside(
-			'Test InnerBlocks locking all',
-			'test/test-inner-blocks-locking-all'
-		);
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	// Test for regressions of https://github.com/WordPress/gutenberg/issues/27897.
-	it( `Synchronizes blocks if lock 'all' is set and the template prop is changed`, async () => {
-		// Insert the template and assert that the template has its initial value.
-		await insertBlock( 'Test Inner Blocks update locked template' );
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-
-		// Trigger a template update and assert that a second block is now present.
-		const [ button ] = await canvas().$x(
-			`//button[contains(text(), 'Update template')]`
-		);
-		await button.click();
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'Ensure inner block writing flow works as expected without additional paragraphs added', async () => {
-		const TEST_BLOCK_NAME = 'Test Inner Blocks Paragraph Placeholder';
-
-		await insertBlock( TEST_BLOCK_NAME );
-		await page.keyboard.type( 'Test Paragraph' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-} );
-
-describe( 'Container block without paragraph support', () => {
-	beforeAll( async () => {
-		await activatePlugin(
-			'gutenberg-test-container-block-without-paragraph'
-		);
-	} );
-
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	afterAll( async () => {
-		await deactivatePlugin(
-			'gutenberg-test-container-block-without-paragraph'
-		);
-	} );
-
-	it( 'ensures we can use the alternative block appender properly', async () => {
-		await insertBlock( 'Container without paragraph' );
-
-		// Open the specific appender used when there's no paragraph support.
-		await page.click(
-			'.block-editor-inner-blocks .block-list-appender .block-list-appender__toggle'
-		);
-
-		// Insert an image block.
-		const insertButton = (
-			await page.$x( `//button//span[contains(text(), 'Image')]` )
-		)[ 0 ];
-		await insertButton.click();
-
-		// Check the inserted content.
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-} );

package/specs/editor/plugins/cpt-locking.test.js

@@ -1,251 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	activatePlugin,
-	clickBlockToolbarButton,
-	clickMenuItem,
-	createNewPost,
-	deactivatePlugin,
-	getEditedPostContent,
-	insertBlock,
-	pressKeyTimes,
-	pressKeyWithModifier,
-	setPostContent,
-	canvas,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'cpt locking', () => {
-	beforeAll( async () => {
-		await activatePlugin( 'gutenberg-test-plugin-cpt-locking' );
-	} );
-
-	afterAll( async () => {
-		await deactivatePlugin( 'gutenberg-test-plugin-cpt-locking' );
-	} );
-
-	const shouldDisableTheInserter = async () => {
-		expect(
-			await page.evaluate( () => {
-				const inserter = document.querySelector(
-					'.edit-post-header [aria-label="Add block"], .edit-post-header [aria-label="Toggle block inserter"]'
-				);
-				return inserter.getAttribute( 'disabled' );
-			} )
-		).not.toBeNull();
-	};
-
-	const shouldNotAllowBlocksToBeRemoved = async () => {
-		await canvas().type(
-			'.block-editor-rich-text__editable[data-type="core/paragraph"]',
-			'p1'
-		);
-		await clickBlockToolbarButton( 'Options' );
-		expect(
-			await page.$x( '//button/span[contains(text(), "Delete")]' )
-		).toHaveLength( 0 );
-	};
-
-	const shouldAllowBlocksToBeMoved = async () => {
-		await canvas().click(
-			'div > .block-editor-rich-text__editable[data-type="core/paragraph"]'
-		);
-		expect( await page.$( 'button[aria-label="Move up"]' ) ).not.toBeNull();
-		await page.click( 'button[aria-label="Move up"]' );
-		await canvas().type(
-			'div > .block-editor-rich-text__editable[data-type="core/paragraph"]',
-			'p1'
-		);
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	};
-
-	describe( 'template_lock all', () => {
-		beforeEach( async () => {
-			await createNewPost( { postType: 'locked-all-post' } );
-		} );
-
-		it( 'should disable the inserter', shouldDisableTheInserter );
-
-		it(
-			'should not allow blocks to be removed',
-			shouldNotAllowBlocksToBeRemoved
-		);
-
-		it( 'should not allow blocks to be moved', async () => {
-			await canvas().click(
-				'.block-editor-rich-text__editable[data-type="core/paragraph"]'
-			);
-			expect( await page.$( 'button[aria-label="Move up"]' ) ).toBeNull();
-		} );
-
-		it( 'should not error when deleting the cotents of a paragraph', async () => {
-			await canvas().click(
-				'.block-editor-block-list__block[data-type="core/paragraph"]'
-			);
-			const textToType = 'Paragraph';
-			await page.keyboard.type( 'Paragraph' );
-			await pressKeyTimes( 'Backspace', textToType.length + 1 );
-			expect( await getEditedPostContent() ).toMatchSnapshot();
-		} );
-
-		it( 'should insert line breaks when using enter and shift-enter', async () => {
-			await canvas().click(
-				'.block-editor-block-list__block[data-type="core/paragraph"]'
-			);
-			await page.keyboard.type( 'First line' );
-			await pressKeyTimes( 'Enter', 1 );
-			await page.keyboard.type( 'Second line' );
-			await pressKeyWithModifier( 'shift', 'Enter' );
-			await page.keyboard.type( 'Third line' );
-			expect( await getEditedPostContent() ).toMatchSnapshot();
-		} );
-
-		it( 'should show invalid template notice if the blocks do not match the templte', async () => {
-			const content = await getEditedPostContent();
-			const [ , contentWithoutImage ] =
-				content.split( '<!-- /wp:image -->' );
-			await setPostContent( contentWithoutImage );
-			const noticeContent = await page.waitForSelector(
-				'.editor-template-validation-notice .components-notice__content'
-			);
-			expect(
-				await page.evaluate(
-					( _noticeContent ) => _noticeContent.firstChild.nodeValue,
-					noticeContent
-				)
-			).toEqual(
-				'The content of your post doesn’t match the template assigned to your post type.'
-			);
-		} );
-
-		it( 'should not allow blocks to be inserted in inner blocks', async () => {
-			await canvas().click(
-				'button[aria-label="Two columns; equal split"]'
-			);
-			await page.evaluate(
-				() => new Promise( window.requestIdleCallback )
-			);
-			expect(
-				await canvas().$(
-					'.wp-block-column .block-editor-button-block-appender'
-				)
-			).toBeNull();
-
-			expect(
-				await page.evaluate( () => {
-					const inserter = document.querySelector(
-						'.edit-post-header [aria-label="Add block"], .edit-post-header [aria-label="Toggle block inserter"]'
-					);
-					return inserter.getAttribute( 'disabled' );
-				} )
-			).not.toBeNull();
-		} );
-	} );
-
-	describe( 'template_lock insert', () => {
-		beforeEach( async () => {
-			await createNewPost( { postType: 'locked-insert-post' } );
-		} );
-
-		it( 'should disable the inserter', shouldDisableTheInserter );
-
-		it(
-			'should not allow blocks to be removed',
-			shouldNotAllowBlocksToBeRemoved
-		);
-
-		it( 'should allow blocks to be moved', shouldAllowBlocksToBeMoved );
-	} );
-
-	describe( 'template_lock false', () => {
-		beforeEach( async () => {
-			await createNewPost( { postType: 'not-locked-post' } );
-		} );
-
-		it( 'should allow blocks to be inserted', async () => {
-			expect(
-				// "Add block" selector is required to make sure performance comparison
-				// doesn't fail on older branches where we still had "Add block" as label.
-				await page.$(
-					'.edit-post-header [aria-label="Add block"], .edit-post-header [aria-label="Toggle block inserter"]'
-				)
-			).not.toBeNull();
-			await insertBlock( 'List' );
-			await page.keyboard.type( 'List content' );
-			expect( await getEditedPostContent() ).toMatchSnapshot();
-		} );
-
-		it( 'should allow blocks to be removed', async () => {
-			await canvas().type(
-				'.block-editor-rich-text__editable[data-type="core/paragraph"]',
-				'p1'
-			);
-			await clickBlockToolbarButton( 'Options' );
-			await clickMenuItem( 'Delete' );
-			expect( await getEditedPostContent() ).toMatchSnapshot();
-		} );
-
-		it( 'should allow blocks to be moved', shouldAllowBlocksToBeMoved );
-	} );
-
-	describe( 'template_lock all unlocked group', () => {
-		beforeEach( async () => {
-			await createNewPost( {
-				postType: 'l-post-ul-group',
-			} );
-		} );
-
-		it( 'should allow blocks to be removed', async () => {
-			await canvas().type(
-				'div > .block-editor-rich-text__editable[data-type="core/paragraph"]',
-				'p1'
-			);
-			await clickBlockToolbarButton( 'Options' );
-			await clickMenuItem( 'Delete' );
-
-			expect( await getEditedPostContent() ).toMatchSnapshot();
-		} );
-
-		it( 'should allow blocks to be moved', shouldAllowBlocksToBeMoved );
-	} );
-
-	describe( 'template_lock all locked group', () => {
-		beforeEach( async () => {
-			await createNewPost( {
-				postType: 'l-post-l-group',
-			} );
-		} );
-
-		it(
-			'should not allow blocks to be removed',
-			shouldNotAllowBlocksToBeRemoved
-		);
-
-		it( 'should not allow blocks to be moved', async () => {
-			await canvas().click(
-				'.block-editor-rich-text__editable[data-type="core/paragraph"]'
-			);
-			expect( await page.$( 'button[aria-label="Move up"]' ) ).toBeNull();
-		} );
-	} );
-
-	describe( 'template_lock all inherited group', () => {
-		beforeEach( async () => {
-			await createNewPost( {
-				postType: 'l-post-i-group',
-			} );
-		} );
-
-		it(
-			'should not allow blocks to be removed',
-			shouldNotAllowBlocksToBeRemoved
-		);
-
-		it( 'should not allow blocks to be moved', async () => {
-			await canvas().click(
-				'.block-editor-rich-text__editable[data-type="core/paragraph"]'
-			);
-			expect( await page.$( 'button[aria-label="Move up"]' ) ).toBeNull();
-		} );
-	} );
-} );

package/specs/editor/plugins/inner-blocks-prioritized-inserter-blocks.test.js

@@ -1,132 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	activatePlugin,
-	createNewPost,
-	deactivatePlugin,
-	getAllBlockInserterItemTitles,
-	insertBlock,
-	closeGlobalBlockInserter,
-	canvas,
-} from '@wordpress/e2e-test-utils';
-
-const QUICK_INSERTER_RESULTS_SELECTOR =
-	'.block-editor-inserter__quick-inserter-results';
-
-describe( 'Prioritized Inserter Blocks Setting on InnerBlocks', () => {
-	beforeAll( async () => {
-		await activatePlugin(
-			'gutenberg-test-innerblocks-prioritized-inserter-blocks'
-		);
-	} );
-
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	afterAll( async () => {
-		await deactivatePlugin(
-			'gutenberg-test-innerblocks-prioritized-inserter-blocks'
-		);
-	} );
-
-	describe( 'Quick inserter', () => {
-		it( 'uses defaulting ordering if prioritzed blocks setting was not set', async () => {
-			const parentBlockSelector =
-				'[data-type="test/prioritized-inserter-blocks-unset"]';
-			await insertBlock( 'Prioritized Inserter Blocks Unset' );
-			await closeGlobalBlockInserter();
-
-			await page.waitForSelector( parentBlockSelector );
-
-			await page.click(
-				`${ parentBlockSelector } .block-list-appender .block-editor-inserter__toggle`
-			);
-
-			await page.waitForSelector( QUICK_INSERTER_RESULTS_SELECTOR );
-
-			await expect( await getAllBlockInserterItemTitles() ).toHaveLength(
-				6
-			);
-		} );
-
-		it( 'uses the priority ordering if prioritzed blocks setting is set', async () => {
-			const parentBlockSelector =
-				'[data-type="test/prioritized-inserter-blocks-set"]';
-			await insertBlock( 'Prioritized Inserter Blocks Set' );
-			await closeGlobalBlockInserter();
-
-			await page.waitForSelector( parentBlockSelector );
-
-			await page.click(
-				`${ parentBlockSelector } .block-list-appender .block-editor-inserter__toggle`
-			);
-
-			await page.waitForSelector( QUICK_INSERTER_RESULTS_SELECTOR );
-
-			// Should still be only 6 results regardless of the priority ordering.
-			const inserterItems = await getAllBlockInserterItemTitles();
-
-			// Should still be only 6 results regardless of the priority ordering.
-			expect( inserterItems ).toHaveLength( 6 );
-
-			expect( inserterItems.slice( 0, 3 ) ).toEqual( [
-				'Audio',
-				'Spacer',
-				'Code',
-			] );
-		} );
-
-		it( 'obeys allowed blocks over prioritzed blocks setting if conflicted', async () => {
-			const parentBlockSelector =
-				'[data-type="test/prioritized-inserter-blocks-set-with-conflicting-allowed-blocks"]';
-			await insertBlock(
-				'Prioritized Inserter Blocks Set With Conflicting Allowed Blocks'
-			);
-			await closeGlobalBlockInserter();
-
-			await page.waitForSelector( parentBlockSelector );
-
-			await page.click(
-				`${ parentBlockSelector } .block-list-appender .block-editor-inserter__toggle`
-			);
-
-			await page.waitForSelector( QUICK_INSERTER_RESULTS_SELECTOR );
-
-			const inserterItems = await getAllBlockInserterItemTitles();
-
-			expect( inserterItems.slice( 0, 3 ) ).toEqual( [
-				'Spacer',
-				'Code',
-				'Paragraph',
-			] );
-			expect( inserterItems ).toEqual(
-				expect.not.arrayContaining( [ 'Audio' ] )
-			);
-		} );
-	} );
-	describe( 'Slash inserter', () => {
-		it( 'uses the priority ordering if prioritzed blocks setting is set', async () => {
-			await insertBlock( 'Prioritized Inserter Blocks Set' );
-			await canvas().click( '[data-type="core/image"]' );
-			await page.keyboard.press( 'Enter' );
-			await page.keyboard.type( '/' );
-			// Wait for the results to display.
-			await page.waitForSelector( '.components-autocomplete__result' );
-			const inserterItemTitles = await page.evaluate( () => {
-				return Array.from(
-					document.querySelectorAll(
-						'.components-autocomplete__result'
-					)
-				).map( ( { innerText } ) => innerText );
-			} );
-			expect( inserterItemTitles ).toHaveLength( 9 ); // Default suggested blocks number.
-			expect( inserterItemTitles.slice( 0, 3 ) ).toEqual( [
-				'Audio',
-				'Spacer',
-				'Code',
-			] );
-		} );
-	} );
-} );

package/specs/editor/plugins/inner-blocks-render-appender.test.js

@@ -1,126 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	activatePlugin,
-	createNewPost,
-	deactivatePlugin,
-	getAllBlockInserterItemTitles,
-	getEditedPostContent,
-	insertBlock,
-	closeGlobalBlockInserter,
-} from '@wordpress/e2e-test-utils';
-
-const INSERTER_RESULTS_SELECTOR =
-	'.block-editor-inserter__quick-inserter-results';
-const QUOTE_INSERT_BUTTON_SELECTOR = '//button[.="Quote"]';
-const APPENDER_SELECTOR = '.my-custom-awesome-appender';
-const DYNAMIC_APPENDER_SELECTOR = 'my-dynamic-blocks-appender';
-
-describe( 'RenderAppender prop of InnerBlocks', () => {
-	beforeAll( async () => {
-		await activatePlugin( 'gutenberg-test-innerblocks-render-appender' );
-	} );
-
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	afterAll( async () => {
-		await deactivatePlugin( 'gutenberg-test-innerblocks-render-appender' );
-	} );
-
-	it( 'Users can customize the appender and can still insert blocks using exposed components', async () => {
-		// Insert the InnerBlocks renderAppender block.
-		await insertBlock( 'InnerBlocks renderAppender' );
-		await closeGlobalBlockInserter();
-		// Wait for the custom block appender to appear.
-		await page.waitForSelector( APPENDER_SELECTOR );
-		// Verify if the custom block appender text is the expected one.
-		expect(
-			await page.evaluate(
-				( el ) => el.innerText,
-				await page.$( `${ APPENDER_SELECTOR } > span` )
-			)
-		).toEqual( 'My custom awesome appender' );
-
-		// Open the inserter of our custom block appender and expand all the categories.
-		await page.click(
-			`${ APPENDER_SELECTOR } .block-editor-button-block-appender`
-		);
-		// Verify if the blocks the custom inserter is rendering are the expected ones.
-		expect( await getAllBlockInserterItemTitles() ).toEqual( [
-			'Quote',
-			'Video',
-		] );
-
-		// Find the quote block insert button option within the inserter popover.
-		const inserterPopover = await page.$( INSERTER_RESULTS_SELECTOR );
-		const quoteButton = (
-			await inserterPopover.$x( QUOTE_INSERT_BUTTON_SELECTOR )
-		)[ 0 ];
-
-		// Insert a quote block.
-		await quoteButton.click();
-		// Verify if the post content is the expected one e.g: the quote was inserted.
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'Users can dynamically customize the appender', async () => {
-		// Insert the InnerBlocks renderAppender dynamic block.
-		await insertBlock( 'InnerBlocks renderAppender dynamic' );
-		await closeGlobalBlockInserter();
-
-		// Wait for the custom dynamic block appender to appear.
-		await page.waitForSelector( '.' + DYNAMIC_APPENDER_SELECTOR );
-
-		// Verify if the custom block appender text is the expected one.
-		await page.waitForXPath(
-			`//*[contains(@class, "${ DYNAMIC_APPENDER_SELECTOR }")]/span[contains(@class, "empty-blocks-appender")][contains(text(), "Empty Blocks Appender")]`
-		);
-
-		// Open the inserter of our custom block appender and expand all the categories.
-		const blockAppenderButtonSelector = `.${ DYNAMIC_APPENDER_SELECTOR } .block-editor-button-block-appender`;
-		await page.click( blockAppenderButtonSelector );
-
-		// Verify if the blocks the custom inserter is rendering are the expected ones.
-		expect( await getAllBlockInserterItemTitles() ).toEqual( [
-			'Quote',
-			'Video',
-		] );
-
-		// Find the quote block insert button option within the inserter popover.
-		const inserterPopover = await page.$( INSERTER_RESULTS_SELECTOR );
-		const quoteButton = (
-			await inserterPopover.$x( QUOTE_INSERT_BUTTON_SELECTOR )
-		)[ 0 ];
-
-		// Insert a quote block.
-		await quoteButton.click();
-
-		// Select the quote block.
-		await page.keyboard.press( 'ArrowDown' );
-
-		// Verify if the custom block appender text changed as expected.
-		await page.waitForXPath(
-			`//*[contains(@class, "${ DYNAMIC_APPENDER_SELECTOR }")]/span[contains(@class, "single-blocks-appender")][contains(text(), "Single Blocks Appender")]`
-		);
-
-		// Verify that the custom appender button is still being rendered.
-		expect( await page.$( blockAppenderButtonSelector ) ).toBeTruthy();
-
-		// Insert a video block.
-		await insertBlock( 'Video' );
-
-		// Verify if the custom block appender text changed as expected.
-		await page.waitForXPath(
-			`//*[contains(@class, "${ DYNAMIC_APPENDER_SELECTOR }")]/span[contains(@class, "multiple-blocks-appender")][contains(text(), "Multiple Blocks Appender")]`
-		);
-
-		// Verify that the custom appender button is now not being rendered.
-		expect( await page.$( blockAppenderButtonSelector ) ).toBeFalsy();
-
-		// Verify that final block markup is the expected one.
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-} );