@wordpress/e2e-tests 7.16.0 → 7.18.0

package/specs/editor/plugins/meta-attribute-block.test.js

@@ -1,100 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	activatePlugin,
-	createNewPost,
-	deactivatePlugin,
-	getEditedPostContent,
-	insertBlock,
-	saveDraft,
-	pressKeyTimes,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Block with a meta attribute', () => {
-	beforeAll( async () => {
-		await activatePlugin( 'gutenberg-test-meta-attribute-block' );
-	} );
-
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	afterAll( async () => {
-		await deactivatePlugin( 'gutenberg-test-meta-attribute-block' );
-	} );
-
-	describe.each( [ [ 'Early Registration' ], [ 'Late Registration' ] ] )(
-		'%s',
-		( variant ) => {
-			it( 'Should persist the meta attribute properly', async () => {
-				await insertBlock( `Test Meta Attribute Block (${ variant })` );
-				await page.keyboard.type( 'Value' );
-
-				// Regression Test: Previously the caret would wrongly reset to the end
-				// of any input for meta-sourced attributes, due to syncing behavior of
-				// meta attribute updates.
-				//
-				// See: https://github.com/WordPress/gutenberg/issues/15739
-				await pressKeyTimes( 'ArrowLeft', 5 );
-				await page.keyboard.type( 'Meta ' );
-
-				await saveDraft();
-				await page.reload();
-				await page.waitForSelector( '.edit-post-layout' );
-
-				expect( await getEditedPostContent() ).toMatchSnapshot();
-				const persistedValue = await page.evaluate(
-					() => document.querySelector( '.my-meta-input' ).value
-				);
-				expect( persistedValue ).toBe( 'Meta Value' );
-			} );
-
-			it( 'Should use the same value in all the blocks', async () => {
-				await insertBlock( `Test Meta Attribute Block (${ variant })` );
-				await insertBlock( `Test Meta Attribute Block (${ variant })` );
-				await insertBlock( `Test Meta Attribute Block (${ variant })` );
-				await page.keyboard.type( 'Meta Value' );
-
-				const inputs = await page.$$( '.my-meta-input' );
-				await Promise.all(
-					inputs.map( async ( input ) => {
-						// Clicking the input selects the block,
-						// and selecting the block enables the sync data mode
-						// as otherwise the asynchronous re-rendering of unselected blocks
-						// may cause the input to have not yet been updated for the other blocks.
-						await input.click();
-						const inputValue = await input.getProperty( 'value' );
-						expect( await inputValue.jsonValue() ).toBe(
-							'Meta Value'
-						);
-					} )
-				);
-			} );
-
-			it( 'Should persist the meta attribute properly in a different post type', async () => {
-				await createNewPost( { postType: 'page' } );
-				await insertBlock( `Test Meta Attribute Block (${ variant })` );
-				await page.keyboard.type( 'Value' );
-
-				// Regression Test: Previously the caret would wrongly reset to the end
-				// of any input for meta-sourced attributes, due to syncing behavior of
-				// meta attribute updates.
-				//
-				// See: https://github.com/WordPress/gutenberg/issues/15739
-				await pressKeyTimes( 'ArrowLeft', 5 );
-				await page.keyboard.type( 'Meta ' );
-
-				await saveDraft();
-				await page.reload();
-				await page.waitForSelector( '.edit-post-layout' );
-
-				expect( await getEditedPostContent() ).toMatchSnapshot();
-				const persistedValue = await page.evaluate(
-					() => document.querySelector( '.my-meta-input' ).value
-				);
-				expect( persistedValue ).toBe( 'Meta Value' );
-			} );
-		}
-	);
-} );

package/specs/editor/plugins/meta-boxes.test.js

@@ -1,137 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	activatePlugin,
-	createNewPost,
-	deactivatePlugin,
-	findSidebarPanelToggleButtonWithTitle,
-	insertBlock,
-	openDocumentSettingsSidebar,
-	publishPost,
-	saveDraft,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Meta boxes', () => {
-	beforeAll( async () => {
-		await activatePlugin( 'gutenberg-test-plugin-meta-box' );
-	} );
-
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	afterAll( async () => {
-		await deactivatePlugin( 'gutenberg-test-plugin-meta-box' );
-	} );
-
-	it( 'Should save the post', async () => {
-		// Save should not be an option for new empty post.
-		expect( await page.$( '.editor-post-save-draft' ) ).toBe( null );
-
-		// Add title to enable valid non-empty post save.
-		await page.type( '.editor-post-title__input', 'Hello Meta' );
-		expect( await page.$( '.editor-post-save-draft' ) ).not.toBe( null );
-
-		await saveDraft();
-
-		// After saving, affirm that the button returns to Save Draft.
-		await page.waitForSelector( '.editor-post-save-draft' );
-	} );
-
-	it( 'Should render dynamic blocks when the meta box uses the excerpt for front end rendering', async () => {
-		// Publish a post so there's something for the latest posts dynamic block to render.
-		await page.type( '.editor-post-title__input', 'A published post' );
-		await insertBlock( 'Paragraph' );
-		await page.keyboard.type( 'Hello there!' );
-		await publishPost();
-
-		// Publish a post with the latest posts dynamic block.
-		await createNewPost();
-		await page.type( '.editor-post-title__input', 'Dynamic block test' );
-		await insertBlock( 'Latest Posts' );
-		await publishPost();
-
-		// View the post.
-		const viewPostLinks = await page.$x(
-			"//a[contains(text(), 'View Post')]"
-		);
-		await viewPostLinks[ 0 ].click();
-		await page.waitForNavigation();
-
-		// Check the dynamic block appears.
-		const latestPostsBlock = await page.waitForSelector(
-			'.wp-block-latest-posts'
-		);
-
-		expect(
-			await latestPostsBlock.evaluate( ( block ) => block.textContent )
-		).toContain( 'A published post' );
-
-		expect(
-			await latestPostsBlock.evaluate( ( block ) => block.textContent )
-		).toContain( 'Dynamic block test' );
-	} );
-
-	it( 'Should render the excerpt in meta based on post content if no explicit excerpt exists', async () => {
-		await insertBlock( 'Paragraph' );
-		await page.keyboard.type( 'Excerpt from content.' );
-		await page.type( '.editor-post-title__input', 'A published post' );
-		await publishPost();
-
-		// View the post.
-		const viewPostLinks = await page.$x(
-			"//a[contains(text(), 'View Post')]"
-		);
-		await viewPostLinks[ 0 ].click();
-		await page.waitForNavigation();
-
-		// Retrieve the excerpt used as meta.
-		const metaExcerpt = await page.evaluate( () => {
-			return document
-				.querySelector( 'meta[property="gutenberg:hello"]' )
-				.getAttribute( 'content' );
-		} );
-
-		expect( metaExcerpt ).toEqual( 'Excerpt from content.' );
-	} );
-
-	it( 'Should render the explicitly set excerpt in meta instead of the content based one', async () => {
-		await insertBlock( 'Paragraph' );
-		await page.keyboard.type( 'Excerpt from content.' );
-		await page.type( '.editor-post-title__input', 'A published post' );
-
-		// Open the excerpt panel.
-		await openDocumentSettingsSidebar();
-		const excerptButton =
-			await findSidebarPanelToggleButtonWithTitle( 'Excerpt' );
-		if ( excerptButton ) {
-			await excerptButton.click( 'button' );
-		}
-
-		await page.waitForSelector( '.editor-post-excerpt textarea' );
-
-		await page.type(
-			'.editor-post-excerpt textarea',
-			'Explicitly set excerpt.'
-		);
-
-		await publishPost();
-
-		// View the post.
-		const viewPostLinks = await page.$x(
-			"//a[contains(text(), 'View Post')]"
-		);
-		await viewPostLinks[ 0 ].click();
-		await page.waitForNavigation();
-
-		// Retrieve the excerpt used as meta.
-		const metaExcerpt = await page.evaluate( () => {
-			return document
-				.querySelector( 'meta[property="gutenberg:hello"]' )
-				.getAttribute( 'content' );
-		} );
-
-		expect( metaExcerpt ).toEqual( 'Explicitly set excerpt.' );
-	} );
-} );

package/specs/editor/plugins/plugins-api.test.js

@@ -1,189 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	activatePlugin,
-	clickBlockAppender,
-	clickOnMoreMenuItem,
-	createNewPost,
-	deactivatePlugin,
-	openDocumentSettingsSidebar,
-	openPublishPanel,
-	publishPost,
-	setBrowserViewport,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Using Plugins API', () => {
-	beforeAll( async () => {
-		await activatePlugin( 'gutenberg-test-plugin-plugins-api' );
-	} );
-
-	afterAll( async () => {
-		await deactivatePlugin( 'gutenberg-test-plugin-plugins-api' );
-	} );
-
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	describe( 'Post Status Info', () => {
-		it( 'Should render post status info inside Document Setting sidebar', async () => {
-			await openDocumentSettingsSidebar();
-
-			const pluginPostStatusInfoText = await page.$eval(
-				'.edit-post-post-status .my-post-status-info-plugin',
-				( el ) => el.innerText
-			);
-			expect( pluginPostStatusInfoText ).toBe( 'My post status info' );
-		} );
-	} );
-
-	describe( 'Publish Panel', () => {
-		beforeEach( async () => {
-			// Type something first to activate Publish button.
-			await clickBlockAppender();
-			await page.keyboard.type( 'First paragraph' );
-		} );
-
-		it( 'Should render publish panel inside Pre-publish sidebar', async () => {
-			await openPublishPanel();
-
-			const pluginPublishPanelText = await page.$eval(
-				'.editor-post-publish-panel .my-publish-panel-plugin__pre',
-				( el ) => el.innerText
-			);
-			expect( pluginPublishPanelText ).toMatch( 'My pre publish panel' );
-		} );
-
-		it( 'Should render publish panel inside Post-publish sidebar', async () => {
-			await publishPost();
-			const pluginPublishPanel = await page.waitForSelector(
-				'.editor-post-publish-panel .my-publish-panel-plugin__post'
-			);
-			const pluginPublishPanelText = await pluginPublishPanel.evaluate(
-				( node ) => node.innerText
-			);
-			expect( pluginPublishPanelText ).toMatch( 'My post publish panel' );
-		} );
-	} );
-
-	describe( 'Sidebar', () => {
-		const SIDEBAR_PINNED_ITEM_BUTTON =
-			'.interface-pinned-items button[aria-label="Plugin title"]';
-		const SIDEBAR_PANEL_SELECTOR = '.sidebar-title-plugin-panel';
-		it( 'Should open plugins sidebar using More Menu item and render content', async () => {
-			await clickOnMoreMenuItem( 'Plugin more menu title' );
-
-			const pluginSidebarContent = await page.$eval(
-				'.edit-post-sidebar',
-				( el ) => el.innerHTML
-			);
-			expect( pluginSidebarContent ).toMatchSnapshot();
-		} );
-
-		it( 'Should be pinned by default and can be opened and closed using pinned items', async () => {
-			const sidebarPinnedItem = await page.$(
-				SIDEBAR_PINNED_ITEM_BUTTON
-			);
-			expect( sidebarPinnedItem ).not.toBeNull();
-			await sidebarPinnedItem.click();
-			expect( await page.$( SIDEBAR_PANEL_SELECTOR ) ).not.toBeNull();
-			await sidebarPinnedItem.click();
-			expect( await page.$( SIDEBAR_PANEL_SELECTOR ) ).toBeNull();
-		} );
-
-		it( 'Can be pinned and unpinned', async () => {
-			await ( await page.$( SIDEBAR_PINNED_ITEM_BUTTON ) ).click();
-			const unpinButton = await page.$(
-				'button[aria-label="Unpin from toolbar"]'
-			);
-			await unpinButton.click();
-			expect( await page.$( SIDEBAR_PINNED_ITEM_BUTTON ) ).toBeNull();
-			await page.click(
-				'.interface-complementary-area-header button[aria-label="Close plugin"]'
-			);
-			await page.reload();
-			await page.waitForSelector( '.edit-post-layout' );
-			expect( await page.$( SIDEBAR_PINNED_ITEM_BUTTON ) ).toBeNull();
-			await clickOnMoreMenuItem( 'Plugin more menu title' );
-			await page.click( 'button[aria-label="Pin to toolbar"]' );
-			expect( await page.$( SIDEBAR_PINNED_ITEM_BUTTON ) ).not.toBeNull();
-			await page.reload();
-			await page.waitForSelector( '.edit-post-layout' );
-			expect( await page.$( SIDEBAR_PINNED_ITEM_BUTTON ) ).not.toBeNull();
-		} );
-
-		it( 'Should close plugins sidebar using More Menu item', async () => {
-			await clickOnMoreMenuItem( 'Plugin more menu title' );
-
-			const pluginSidebarOpened = await page.$( '.edit-post-sidebar' );
-			expect( pluginSidebarOpened ).not.toBeNull();
-
-			await clickOnMoreMenuItem( 'Plugin more menu title' );
-
-			const pluginSidebarClosed = await page.$( '.edit-post-sidebar' );
-			expect( pluginSidebarClosed ).toBeNull();
-		} );
-
-		describe( 'Medium screen', () => {
-			beforeAll( async () => {
-				await setBrowserViewport( 'medium' );
-			} );
-
-			afterAll( async () => {
-				await setBrowserViewport( 'large' );
-			} );
-
-			it( 'Should open plugins sidebar using More Menu item and render content', async () => {
-				await clickOnMoreMenuItem( 'Plugin more menu title' );
-
-				const pluginSidebarContent = await page.$eval(
-					'.edit-post-sidebar',
-					( el ) => el.innerHTML
-				);
-				expect( pluginSidebarContent ).toMatchSnapshot();
-			} );
-		} );
-	} );
-
-	describe( 'Document Setting Custom Panel', () => {
-		it( 'Should render a custom panel inside Document Setting sidebar', async () => {
-			await openDocumentSettingsSidebar();
-			const pluginDocumentSettingsText = await page.$eval(
-				'.edit-post-sidebar .my-document-setting-plugin',
-				( el ) => el.innerText
-			);
-			expect( pluginDocumentSettingsText ).toMatchSnapshot();
-		} );
-	} );
-
-	describe( 'Error Boundary', () => {
-		beforeAll( async () => {
-			await activatePlugin(
-				'gutenberg-test-plugin-plugins-error-boundary'
-			);
-		} );
-
-		afterAll( async () => {
-			await deactivatePlugin(
-				'gutenberg-test-plugin-plugins-error-boundary'
-			);
-		} );
-
-		it( 'Should create notice using plugin error boundary callback', async () => {
-			const noticeContent = await page.waitForSelector(
-				'.is-error .components-notice__content'
-			);
-			expect(
-				await page.evaluate(
-					( _noticeContent ) => _noticeContent.firstChild.nodeValue,
-					noticeContent
-				)
-			).toEqual(
-				'The "my-error-plugin" plugin has encountered an error and cannot be rendered.'
-			);
-
-			expect( console ).toHaveErrored();
-		} );
-	} );
-} );

package/specs/editor/various/is-typing.test.js

@@ -1,101 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	clickBlockAppender,
-	createNewPost,
-	showBlockToolbar,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'isTyping', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'should hide the toolbar when typing', async () => {
-		const blockToolbarSelector = '.block-editor-block-toolbar';
-
-		await clickBlockAppender();
-
-		// Type in a paragraph.
-		await page.keyboard.type( 'Type' );
-
-		// Toolbar is hidden
-		let blockToolbar = await page.$( blockToolbarSelector );
-		expect( blockToolbar ).toBe( null );
-
-		// Moving the mouse shows the toolbar.
-		await showBlockToolbar();
-
-		// Toolbar is visible.
-		blockToolbar = await page.$( blockToolbarSelector );
-		expect( blockToolbar ).not.toBe( null );
-
-		// Typing again hides the toolbar
-		await page.keyboard.type( ' and continue' );
-
-		// Toolbar is hidden again
-		blockToolbar = await page.$( blockToolbarSelector );
-		expect( blockToolbar ).toBe( null );
-	} );
-
-	it( 'should not close the dropdown when typing in it', async () => {
-		// Adds a Dropdown with an input to all blocks.
-		await page.evaluate( () => {
-			const { Dropdown, ToolbarButton, Fill } = wp.components;
-			const { createElement: el, Fragment } = wp.element;
-			function AddDropdown( BlockListBlock ) {
-				return ( props ) => {
-					return el(
-						Fragment,
-						{},
-						el(
-							Fill,
-							{ name: 'BlockControls' },
-							el( Dropdown, {
-								renderToggle: ( { onToggle } ) =>
-									el(
-										ToolbarButton,
-										{
-											onClick: onToggle,
-											className: 'dropdown-open',
-										},
-										'Open Dropdown'
-									),
-								renderContent: () =>
-									el( 'input', {
-										className: 'dropdown-input',
-									} ),
-							} )
-						),
-						el( BlockListBlock, props )
-					);
-				};
-			}
-
-			wp.hooks.addFilter(
-				'editor.BlockListBlock',
-				'e2e-test/add-dropdown',
-				AddDropdown
-			);
-		} );
-
-		await clickBlockAppender();
-
-		// Type in a paragraph.
-		await page.keyboard.type( 'Type' );
-
-		// Show Toolbar.
-		await showBlockToolbar();
-
-		// Open the dropdown.
-		await page.click( '.dropdown-open' );
-
-		// Type inside the dropdown's input
-		await page.type( '.dropdown-input', 'Random' );
-
-		// The input should still be visible.
-		const input = await page.$( '.dropdown-input' );
-		expect( input ).not.toBe( null );
-	} );
-} );

package/specs/editor/various/publish-button.test.js

@@ -1,46 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	arePrePublishChecksEnabled,
-	disablePrePublishChecks,
-	enablePrePublishChecks,
-	createNewPost,
-	canvas,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'PostPublishButton', () => {
-	let werePrePublishChecksEnabled;
-	beforeEach( async () => {
-		await createNewPost();
-		werePrePublishChecksEnabled = await arePrePublishChecksEnabled();
-		if ( werePrePublishChecksEnabled ) {
-			await disablePrePublishChecks();
-		}
-	} );
-
-	afterEach( async () => {
-		if ( werePrePublishChecksEnabled ) {
-			await enablePrePublishChecks();
-		}
-	} );
-
-	it( 'should be disabled when post is not saveable', async () => {
-		const publishButton = await page.$(
-			'.editor-post-publish-button[aria-disabled="true"]'
-		);
-		expect( publishButton ).not.toBeNull();
-	} );
-
-	it( 'should be disabled when post is being saved', async () => {
-		await canvas().type( '.editor-post-title__input', 'E2E Test Post' ); // Make it saveable.
-		expect(
-			await page.$( '.editor-post-publish-button[aria-disabled="true"]' )
-		).toBeNull();
-
-		await page.click( '.editor-post-save-draft' );
-		expect(
-			await page.$( '.editor-post-publish-button[aria-disabled="true"]' )
-		).not.toBeNull();
-	} );
-} );

package/specs/editor/various/sidebar-permalink.test.js

@@ -1,53 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	activatePlugin,
-	createNewPost,
-	deactivatePlugin,
-	publishPost,
-	canvas,
-} from '@wordpress/e2e-test-utils';
-
-const urlButtonSelector = '*[aria-label^="Change URL"]';
-
-// This tests are not together with the remaining sidebar tests,
-// because we need to publish/save a post, to correctly test the permalink row.
-// The sidebar test suit enforces that focus is never lost, but during save operations
-// the focus is lost and a new element is focused once the save is completed.
-describe( 'Sidebar Permalink', () => {
-	beforeAll( async () => {
-		await activatePlugin( 'gutenberg-test-custom-post-types' );
-	} );
-
-	afterAll( async () => {
-		await deactivatePlugin( 'gutenberg-test-custom-post-types' );
-	} );
-
-	it( 'should not render URL when post is publicly queryable but not public', async () => {
-		await createNewPost( { postType: 'public_q_not_public' } );
-		await page.keyboard.type( 'aaaaa' );
-		await publishPost();
-		// Start editing again.
-		await canvas().type( '.editor-post-title__input', ' (Updated)' );
-		expect( await page.$( urlButtonSelector ) ).toBeNull();
-	} );
-
-	it( 'should not render URL when post is public but not publicly queryable', async () => {
-		await createNewPost( { postType: 'not_public_q_public' } );
-		await page.keyboard.type( 'aaaaa' );
-		await publishPost();
-		// Start editing again.
-		await canvas().type( '.editor-post-title__input', ' (Updated)' );
-		expect( await page.$( urlButtonSelector ) ).toBeNull();
-	} );
-
-	it( 'should render URL when post is public and publicly queryable', async () => {
-		await createNewPost( { postType: 'public_q_public' } );
-		await page.keyboard.type( 'aaaaa' );
-		await publishPost();
-		// Start editing again.
-		await canvas( 0 ).type( '.editor-post-title__input', ' (Updated)' );
-		expect( await page.$( urlButtonSelector ) ).not.toBeNull();
-	} );
-} );