@wordpress/e2e-tests 7.19.0 → 7.20.0

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

@@ -1,171 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	clearLocalStorage,
-	createNewPost,
-	findSidebarPanelWithTitle,
-	enableFocusLossObservation,
-	disableFocusLossObservation,
-	openDocumentSettingsSidebar,
-	pressKeyWithModifier,
-	setBrowserViewport,
-} from '@wordpress/e2e-test-utils';
-
-const SIDEBAR_SELECTOR = '.edit-post-sidebar';
-const ACTIVE_SIDEBAR_TAB_SELECTOR =
-	'div[aria-label="Editor settings"] [role="tab"][aria-selected="true"]';
-const ACTIVE_SIDEBAR_BUTTON_TEXT = 'Post';
-
-describe( 'Sidebar', () => {
-	afterEach( () => {
-		disableFocusLossObservation();
-	} );
-
-	it( 'should have sidebar visible at the start with document sidebar active on desktop', async () => {
-		await setBrowserViewport( 'large' );
-		await clearLocalStorage();
-		await createNewPost();
-		await enableFocusLossObservation();
-		const { nodesCount, content, height, width } = await page.$$eval(
-			ACTIVE_SIDEBAR_TAB_SELECTOR,
-			( nodes ) => {
-				const firstNode = nodes[ 0 ];
-				return {
-					nodesCount: nodes.length,
-					content: firstNode.innerText,
-					height: firstNode.offsetHeight,
-					width: firstNode.offsetWidth,
-				};
-			}
-		);
-
-		// should have only one active sidebar tab.
-		expect( nodesCount ).toBe( 1 );
-
-		// the active sidebar tab should be document.
-		expect( content ).toBe( ACTIVE_SIDEBAR_BUTTON_TEXT );
-
-		// the active sidebar tab should be visible
-		expect( width ).toBeGreaterThan( 10 );
-		expect( height ).toBeGreaterThan( 10 );
-	} );
-
-	it( 'should have the sidebar closed by default on mobile', async () => {
-		await setBrowserViewport( 'small' );
-		await clearLocalStorage();
-		await createNewPost();
-		await enableFocusLossObservation();
-		const sidebar = await page.$( SIDEBAR_SELECTOR );
-		expect( sidebar ).toBeNull();
-	} );
-
-	it( 'should close the sidebar when resizing from desktop to mobile', async () => {
-		await setBrowserViewport( 'large' );
-		await clearLocalStorage();
-		await createNewPost();
-		await enableFocusLossObservation();
-
-		const sidebars = await page.$$( SIDEBAR_SELECTOR );
-		expect( sidebars ).toHaveLength( 1 );
-
-		await setBrowserViewport( 'small' );
-
-		const sidebarsMobile = await page.$$( SIDEBAR_SELECTOR );
-		// sidebar should be closed when resizing to mobile.
-		expect( sidebarsMobile ).toHaveLength( 0 );
-	} );
-
-	it( 'should reopen sidebar the sidebar when resizing from mobile to desktop if the sidebar was closed automatically', async () => {
-		await setBrowserViewport( 'large' );
-		await clearLocalStorage();
-		await createNewPost();
-		await enableFocusLossObservation();
-		await setBrowserViewport( 'small' );
-
-		const sidebarsMobile = await page.$$( SIDEBAR_SELECTOR );
-		expect( sidebarsMobile ).toHaveLength( 0 );
-
-		await setBrowserViewport( 'large' );
-
-		await page.waitForSelector( SIDEBAR_SELECTOR );
-	} );
-
-	it( 'should preserve tab order while changing active tab', async () => {
-		await createNewPost();
-		await enableFocusLossObservation();
-
-		// Region navigate to Sidebar.
-		await pressKeyWithModifier( 'ctrl', '`' );
-
-		// Tab lands at first (presumed selected) option "Post".
-		await page.keyboard.press( 'Tab' );
-
-		// The Post tab should be focused and selected.
-		const [ documentInspectorTab ] = await page.$x(
-			'//button[@role="tab"][@aria-selected="true"][contains(text(), "Post")]'
-		);
-		expect( documentInspectorTab ).toBeDefined();
-		expect( documentInspectorTab ).toHaveFocus();
-
-		// Arrow key into and activate "Block".
-		await page.keyboard.press( 'ArrowRight' );
-		await page.keyboard.press( 'Space' );
-
-		// The Block tab should be focused and selected.
-		const [ blockInspectorTab ] = await page.$x(
-			'//button[@role="tab"][@aria-selected="true"][contains(text(), "Block")]'
-		);
-		expect( blockInspectorTab ).toBeDefined();
-		expect( blockInspectorTab ).toHaveFocus();
-	} );
-
-	it( 'should be possible to programmatically remove Document Settings panels', async () => {
-		await createNewPost();
-		await enableFocusLossObservation();
-		await openDocumentSettingsSidebar();
-
-		expect( await findSidebarPanelWithTitle( 'Categories' ) ).toBeDefined();
-		expect( await findSidebarPanelWithTitle( 'Tags' ) ).toBeDefined();
-		expect(
-			await findSidebarPanelWithTitle( 'Featured image' )
-		).toBeDefined();
-		expect( await findSidebarPanelWithTitle( 'Excerpt' ) ).toBeDefined();
-		expect( await findSidebarPanelWithTitle( 'Discussion' ) ).toBeDefined();
-		expect( await findSidebarPanelWithTitle( 'Summary' ) ).toBeDefined();
-
-		await page.evaluate( () => {
-			const { removeEditorPanel } = wp.data.dispatch( 'core/edit-post' );
-
-			removeEditorPanel( 'taxonomy-panel-category' );
-			removeEditorPanel( 'taxonomy-panel-post_tag' );
-			removeEditorPanel( 'featured-image' );
-			removeEditorPanel( 'post-excerpt' );
-			removeEditorPanel( 'discussion-panel' );
-			removeEditorPanel( 'post-status' );
-		} );
-
-		const getPanelToggleSelector = ( panelTitle ) => {
-			return `//div[contains(@class, "edit-post-sidebar")]//button[contains(@class, "components-panel__body-toggle") and contains(text(),"${ panelTitle }")]`;
-		};
-
-		expect(
-			await page.$x( getPanelToggleSelector( 'Categories' ) )
-		).toEqual( [] );
-		expect( await page.$x( getPanelToggleSelector( 'Tags' ) ) ).toEqual(
-			[]
-		);
-		expect(
-			await page.$x( getPanelToggleSelector( 'Featured image' ) )
-		).toEqual( [] );
-		expect( await page.$x( getPanelToggleSelector( 'Excerpt' ) ) ).toEqual(
-			[]
-		);
-		expect(
-			await page.$x( getPanelToggleSelector( 'Discussion' ) )
-		).toEqual( [] );
-		expect( await page.$x( getPanelToggleSelector( 'Summary' ) ) ).toEqual(
-			[]
-		);
-	} );
-} );

package/specs/editor/various/taxonomies.test.js

@@ -1,251 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	createNewPost,
-	findSidebarPanelWithTitle,
-	openDocumentSettingsSidebar,
-	publishPost,
-	canvas,
-} from '@wordpress/e2e-test-utils';
-
-/**
- * Module constants
- */
-const TAG_TOKEN_SELECTOR =
-	'.components-form-token-field__token-text span:not(.components-visually-hidden)';
-
-function generateRandomNumber() {
-	// Using `Math.random()` directly is fine in this testing context.
-	// eslint-disable-next-line no-restricted-syntax
-	return Math.round( 1 + Math.random() * ( Number.MAX_SAFE_INTEGER - 1 ) );
-}
-
-describe( 'Taxonomies', () => {
-	const canCreatTermInTaxonomy = ( taxonomy ) => {
-		return page.evaluate( ( _taxonomy ) => {
-			const post = wp.data.select( 'core/editor' ).getCurrentPost();
-			if ( ! post._links ) {
-				return false;
-			}
-			return !! post._links[ `wp:action-create-${ _taxonomy }` ];
-		}, taxonomy );
-	};
-
-	const getSelectCategories = () => {
-		return page.evaluate( () => {
-			return Array.from(
-				document.querySelectorAll(
-					'.editor-post-taxonomies__hierarchical-terms-choice .components-checkbox-control__input:checked'
-				)
-			).map( ( node ) => {
-				return node.parentElement.nextSibling.innerText;
-			} );
-		} );
-	};
-
-	const getCurrentTags = async () => {
-		const tagsPanel = await findSidebarPanelWithTitle( 'Tags' );
-		return page.evaluate(
-			( node, selector ) => {
-				return Array.from( node.querySelectorAll( selector ) ).map(
-					( field ) => {
-						return field.innerText;
-					}
-				);
-			},
-			tagsPanel,
-			TAG_TOKEN_SELECTOR
-		);
-	};
-
-	const openSidebarPanelWithTitle = async ( title ) => {
-		const panel = await page.waitForXPath(
-			`//div[contains(@class,"edit-post-sidebar")]//button[@class="components-button components-panel__body-toggle"][contains(text(),"${ title }")]`
-		);
-		await panel.click();
-	};
-
-	it( 'should be able to open the categories panel and create a new main category if the user has the right capabilities', async () => {
-		await createNewPost();
-
-		await openDocumentSettingsSidebar();
-
-		await openSidebarPanelWithTitle( 'Categories' );
-
-		await page.waitForSelector(
-			'.editor-post-taxonomies__hierarchical-terms-list'
-		);
-
-		// If the user has no permission to add a new category finish the test.
-		if ( ! ( await canCreatTermInTaxonomy( 'categories' ) ) ) {
-			return;
-		}
-
-		await page.waitForSelector(
-			'button.editor-post-taxonomies__hierarchical-terms-add'
-		);
-
-		// Click add new category button.
-		await page.click(
-			'button.editor-post-taxonomies__hierarchical-terms-add'
-		);
-
-		// Type the category name in the field.
-		await page.type(
-			'.editor-post-taxonomies__hierarchical-terms-input input[type=text]',
-			'z rand category 1'
-		);
-
-		// Click the submit button.
-		await page.click(
-			'.editor-post-taxonomies__hierarchical-terms-submit'
-		);
-
-		// Wait for the categories to load.
-		await page.waitForSelector(
-			'.editor-post-taxonomies__hierarchical-terms-choice .components-checkbox-control__input:checked'
-		);
-
-		let selectedCategories = await getSelectCategories();
-
-		// The new category is selected.
-		expect( selectedCategories ).toHaveLength( 1 );
-		expect( selectedCategories[ 0 ] ).toEqual( 'z rand category 1' );
-
-		// Type something in the title so we can publish the post.
-		await canvas().type( '.editor-post-title__input', 'Hello World' );
-
-		// Publish the post.
-		await publishPost();
-
-		// Reload the editor.
-		await page.reload();
-
-		// Wait for the categories to load.
-		await page.waitForSelector(
-			'.editor-post-taxonomies__hierarchical-terms-choice .components-checkbox-control__input:checked'
-		);
-
-		selectedCategories = await getSelectCategories();
-
-		// The category selection was persisted after the publish process.
-		expect( selectedCategories ).toHaveLength( 1 );
-		expect( selectedCategories[ 0 ] ).toEqual( 'z rand category 1' );
-	} );
-
-	it( "should be able to create a new tag with ' on the name", async () => {
-		await createNewPost();
-
-		await openDocumentSettingsSidebar();
-
-		await openSidebarPanelWithTitle( 'Tags' );
-
-		// If the user has no permission to add a new tag finish the test.
-		if ( ! ( await canCreatTermInTaxonomy( 'tags' ) ) ) {
-			return;
-		}
-
-		const tagsPanel = await findSidebarPanelWithTitle( 'Tags' );
-		const tagInput = await tagsPanel.$(
-			'.components-form-token-field__input'
-		);
-
-		// Click the tag input field.
-		await tagInput.click();
-
-		const tagName = "tag'-" + generateRandomNumber();
-
-		// Type the category name in the field.
-		await tagInput.type( tagName );
-
-		// Press enter to create a new tag.
-		await tagInput.press( 'Enter' );
-
-		await page.waitForSelector( TAG_TOKEN_SELECTOR );
-
-		// Get an array with the tags of the post.
-		let tags = await getCurrentTags();
-
-		// The post should only contain the tag we added.
-		expect( tags ).toHaveLength( 1 );
-		expect( tags[ 0 ] ).toEqual( tagName );
-
-		// Type something in the title so we can publish the post.
-		await canvas().type( '.editor-post-title__input', 'Hello World' );
-
-		// Publish the post.
-		await publishPost();
-
-		// Reload the editor.
-		await page.reload();
-
-		// Wait for the tags to load.
-		await page.waitForSelector( '.components-form-token-field__token' );
-
-		tags = await getCurrentTags();
-
-		// The tag selection was persisted after the publish process.
-		expect( tags ).toHaveLength( 1 );
-		expect( tags[ 0 ] ).toEqual( tagName );
-	} );
-
-	it( 'should be able to open the tags panel and create a new tag if the user has the right capabilities', async () => {
-		await createNewPost();
-
-		await openDocumentSettingsSidebar();
-
-		await openSidebarPanelWithTitle( 'Tags' );
-
-		// If the user has no permission to add a new tag finish the test.
-		if ( ! ( await canCreatTermInTaxonomy( 'tags' ) ) ) {
-			return;
-		}
-
-		// At the start there are no tag tokens.
-		expect( await page.$$( TAG_TOKEN_SELECTOR ) ).toHaveLength( 0 );
-
-		const tagsPanel = await findSidebarPanelWithTitle( 'Tags' );
-		const tagInput = await tagsPanel.$(
-			'.components-form-token-field__input'
-		);
-
-		// Click the tag input field.
-		await tagInput.click();
-
-		const tagName = 'tag-' + generateRandomNumber();
-
-		// Type the category name in the field.
-		await tagInput.type( tagName );
-
-		// Press enter to create a new tag.
-		await tagInput.press( 'Enter' );
-
-		await page.waitForSelector( TAG_TOKEN_SELECTOR );
-
-		// Get an array with the tags of the post.
-		let tags = await getCurrentTags();
-
-		// The post should only contain the tag we added.
-		expect( tags ).toHaveLength( 1 );
-		expect( tags[ 0 ] ).toEqual( tagName );
-
-		// Type something in the title so we can publish the post.
-		await canvas().type( '.editor-post-title__input', 'Hello World' );
-
-		// Publish the post.
-		await publishPost();
-
-		// Reload the editor.
-		await page.reload();
-
-		// Wait for the tags to load.
-		await page.waitForSelector( '.components-form-token-field__token' );
-
-		tags = await getCurrentTags();
-
-		// The tag selection was persisted after the publish process.
-		expect( tags ).toHaveLength( 1 );
-		expect( tags[ 0 ] ).toEqual( tagName );
-	} );
-} );

package/specs/experiments/blocks/post-comments-form.test.js

@@ -1,53 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	insertBlock,
-	activateTheme,
-	setOption,
-	visitSiteEditor,
-	enterEditMode,
-	deleteAllTemplates,
-	canvas,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Comments Form', () => {
-	let previousCommentStatus;
-
-	beforeAll( async () => {
-		await activateTheme( 'emptytheme' );
-		await deleteAllTemplates( 'wp_template' );
-		previousCommentStatus = await setOption(
-			'default_comment_status',
-			'closed'
-		);
-	} );
-
-	afterAll( async () => {
-		await setOption( 'default_comment_status', previousCommentStatus );
-	} );
-
-	describe( 'placeholder', () => {
-		it( 'displays in site editor even when comments are closed by default', async () => {
-			// Navigate to "Singular" post template
-			await visitSiteEditor();
-			await expect( page ).toClick(
-				'.edit-site-sidebar-navigation-item',
-				{ text: /templates/i }
-			);
-			await expect( page ).toClick(
-				'.edit-site-sidebar-navigation-item',
-				{ text: /single entries/i }
-			);
-			await enterEditMode();
-
-			// Insert post comments form
-			await insertBlock( 'Comments Form' );
-
-			// Ensure the placeholder is there
-			await expect( canvas() ).toMatchElement(
-				'.wp-block-post-comments-form .comment-form'
-			);
-		} );
-	} );
-} );

package/specs/experiments/experimental-features.js

@@ -1,39 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { addQueryArgs } from '@wordpress/url';
-import { visitAdminPage } from '@wordpress/e2e-test-utils';
-
-async function setExperimentalFeaturesState( features, enable ) {
-	const query = addQueryArgs( '', {
-		page: 'gutenberg-experiments',
-	} );
-	await visitAdminPage( '/admin.php', query );
-
-	await Promise.all(
-		features.map( async ( feature ) => {
-			await page.waitForSelector( feature );
-			const checkedSelector = `${ feature }[checked=checked]`;
-			const isChecked = !! ( await page.$( checkedSelector ) );
-			if ( ( ! isChecked && enable ) || ( isChecked && ! enable ) ) {
-				await page.click( feature );
-			}
-		} )
-	);
-	await Promise.all( [
-		page.waitForNavigation( { waitUntil: 'networkidle0' } ),
-		page.click( '#submit' ),
-	] );
-}
-
-/**
- * Establishes test lifecycle to enable experimental feature for the duration of
- * the grouped test block.
- *
- * @param {Array} features Array of {string} selectors of settings to enable.
- *                         Assumes they can be enabled with one click.
- */
-export function useExperimentalFeatures( features ) {
-	beforeAll( () => setExperimentalFeaturesState( features, true ) );
-	afterAll( () => setExperimentalFeaturesState( features, false ) );
-}

package/specs/experiments/fixtures/menu-items-request-fixture.json

@@ -1,84 +0,0 @@
-[
-	{
-		"title": "Home",
-		"url": "http://localhost:8889/",
-		"menu_order": 1
-	},
-	{
-		"title": "About",
-		"type": "post_type",
-		"object": "page",
-		"menu_order": 2
-	},
-	{
-		"title": "Our team",
-		"type": "post_type",
-		"object": "page",
-		"menu_order": 3,
-		"parent": 1
-	},
-	{
-		"title": "Shop",
-		"type": "post_type",
-		"object": "page",
-		"menu_order": 4
-	},
-	{
-		"title": "Winter apparel",
-		"type": "post_type",
-		"object": "page",
-		"menu_order": 5,
-		"parent": 3
-	},
-	{
-		"title": "Chunky socks",
-		"type": "post_type",
-		"object": "page",
-		"menu_order": 6,
-		"parent": 4
-	},
-	{
-		"title": "Hideous hats",
-		"type": "post_type",
-		"object": "page",
-		"menu_order": 7,
-		"parent": 4
-	},
-	{
-		"title": "Glorious gloves",
-		"type": "post_type",
-		"object": "page",
-		"menu_order": 8,
-		"parent": 4
-	},
-	{
-		"title": "Jazzy Jumpers",
-		"type": "post_type",
-		"object": "page",
-		"menu_order": 9,
-		"parent": 4
-	},
-	{
-		"title": "Shipping",
-		"type": "post_type",
-		"object": "page",
-		"menu_order": 10
-	},
-	{
-		"title": "Contact Us",
-		"type": "post_type",
-		"object": "page",
-		"menu_order": 11
-	},
-	{
-		"title": "WordPress.org",
-		"url": "https://wordpress.org",
-		"menu_order": 12
-	},
-	{
-		"title": "Google",
-		"url": "https://google.com",
-		"menu_order": 13,
-		"parent": 11
-	}
-]