@wordpress/e2e-tests 7.18.1 → 7.19.1-next.79a6196f.0

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
-	}
-]

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

@@ -1,239 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	createNewPost,
-	disablePrePublishChecks,
-	getOption,
-	insertBlock,
-	publishPost,
-	setOption,
-	trashAllPosts,
-	activateTheme,
-	clickButton,
-	createReusableBlock,
-	deleteAllTemplates,
-	canvas,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Multi-entity save flow', () => {
-	// Selectors - usable between Post/Site editors.
-	const checkedBoxSelector = '.components-checkbox-control__checked';
-	const checkboxInputSelector = '.components-checkbox-control__input';
-	const entitiesSaveSelector = '.editor-entities-saved-states__save-button';
-	const savePanelSelector = '.entities-saved-states__panel';
-	const closePanelButtonSelector =
-		'.editor-post-publish-panel__header-cancel-button button:not(:disabled)';
-
-	// Reusable assertions across Post/Site editors.
-	const assertAllBoxesChecked = async () => {
-		const checkedBoxes = await page.$$( checkedBoxSelector );
-		const checkboxInputs = await page.$$( checkboxInputSelector );
-		expect( checkedBoxes.length - checkboxInputs.length ).toBe( 0 );
-	};
-	const assertExistence = async ( selector, shouldBePresent ) => {
-		const element = await page.$( selector );
-		if ( shouldBePresent ) {
-			expect( element ).not.toBeNull();
-		} else {
-			expect( element ).toBeNull();
-		}
-	};
-
-	let originalSiteTitle, originalBlogDescription;
-
-	beforeAll( async () => {
-		await activateTheme( 'emptytheme' );
-		await deleteAllTemplates( 'wp_template' );
-		await deleteAllTemplates( 'wp_template_part' );
-		await trashAllPosts( 'wp_block' );
-
-		// Get the current Site Title and Site Tagline, so that we can reset
-		// them back to the original values once the test suite has finished.
-		originalSiteTitle = await getOption( 'blogname' );
-		originalBlogDescription = await getOption( 'blogdescription' );
-	} );
-
-	afterAll( async () => {
-		await activateTheme( 'twentytwentyone' );
-
-		// Reset the Site Title and Site Tagline back to their original values.
-		await setOption( 'blogname', originalSiteTitle );
-		await setOption( 'blogdescription', originalBlogDescription );
-	} );
-
-	describe( 'Post Editor', () => {
-		// Selectors - Post editor specific.
-		const draftSavedSelector = '.editor-post-saved-state.is-saved';
-		const multiSaveSelector =
-			'.editor-post-publish-button__button.has-changes-dot';
-		const savePostSelector = '.editor-post-publish-button__button';
-		const enabledSavePostSelector = `${ savePostSelector }[aria-disabled=false]`;
-		const publishA11ySelector =
-			'.edit-post-layout__toggle-publish-panel-button';
-		const saveA11ySelector =
-			'.edit-post-layout__toggle-entities-saved-states-panel-button';
-		const publishPanelSelector = '.editor-post-publish-panel';
-
-		// Reusable assertions inside Post editor.
-		const assertMultiSaveEnabled = async () => {
-			const multiSaveButton =
-				await page.waitForSelector( multiSaveSelector );
-			expect( multiSaveButton ).not.toBeNull();
-		};
-		const assertMultiSaveDisabled = async () => {
-			const multiSaveButton = await page.waitForSelector(
-				multiSaveSelector,
-				{ hidden: true }
-			);
-			expect( multiSaveButton ).toBeNull();
-		};
-
-		it( 'Save flow should work as expected.', async () => {
-			await createNewPost();
-			// Edit the page some.
-			await canvas().waitForSelector( '.editor-post-title' );
-			await canvas().click( '.editor-post-title' );
-			await page.keyboard.type( 'Test Post...' );
-			await page.keyboard.press( 'Enter' );
-
-			// Should not trigger multi-entity save button with only post edited.
-			await assertMultiSaveDisabled();
-
-			// Should only have publish panel a11y button active with only post edited.
-			await assertExistence( publishA11ySelector, true );
-			await assertExistence( saveA11ySelector, false );
-			await assertExistence( publishPanelSelector, false );
-			await assertExistence( savePanelSelector, false );
-
-			// Add a reusable block and edit it.
-			await createReusableBlock( 'Hi!', 'Test' );
-			await canvas().waitForSelector( 'p[data-type="core/paragraph"]' );
-			await canvas().click( 'p[data-type="core/paragraph"]' );
-			await page.keyboard.type( 'Oh!' );
-
-			// Should trigger multi-entity save button once template part edited.
-			await assertMultiSaveEnabled();
-
-			// Should only have save panel a11y button active after child entities edited.
-			await assertExistence( publishA11ySelector, false );
-			await assertExistence( saveA11ySelector, true );
-			await assertExistence( publishPanelSelector, false );
-			await assertExistence( savePanelSelector, false );
-
-			// Opening panel has boxes checked by default.
-			await page.click( savePostSelector );
-			await page.waitForSelector( savePanelSelector );
-			await assertAllBoxesChecked();
-
-			// Should not show other panels (or their a11y buttons) while save panel opened.
-			await assertExistence( publishA11ySelector, false );
-			await assertExistence( saveA11ySelector, false );
-			await assertExistence( publishPanelSelector, false );
-
-			// Publish panel should open after saving.
-			await page.click( entitiesSaveSelector );
-			await page.waitForSelector( publishPanelSelector );
-
-			// No other panels (or their a11y buttons) should be present with publish panel open.
-			await assertExistence( publishA11ySelector, false );
-			await assertExistence( saveA11ySelector, false );
-			await assertExistence( savePanelSelector, false );
-
-			// Close publish panel.
-			const closePanelButton = await page.waitForSelector(
-				closePanelButtonSelector
-			);
-			await closePanelButton.click();
-
-			// Verify saving is disabled.
-			const draftSaved = await page.waitForSelector( draftSavedSelector );
-			expect( draftSaved ).not.toBeNull();
-			await assertMultiSaveDisabled();
-			await assertExistence( saveA11ySelector, false );
-
-			await publishPost();
-			// Wait for the success notice specifically for the published post.
-			// `publishPost()` has a similar check but it only checks for the
-			// existence of any snackbars. In this case, there's another "Site updated"
-			// notice which will be sufficient for that and thus creating a false-positive.
-			await page.waitForXPath(
-				'//*[@id="a11y-speak-polite"][contains(text(), "Post published")]'
-			);
-
-			// Unselect the blocks to avoid clicking the block toolbar.
-			await page.evaluate( () => {
-				wp.data.dispatch( 'core/block-editor' ).clearSelectedBlock();
-			} );
-
-			// Update the post.
-			await canvas().click( '.editor-post-title' );
-			await page.keyboard.type( '...more title!' );
-
-			// Verify update button is enabled.
-			const enabledSaveButton = await page.waitForSelector(
-				enabledSavePostSelector
-			);
-			expect( enabledSaveButton ).not.toBeNull();
-			// Verify multi-entity saving not enabled.
-			await assertMultiSaveDisabled();
-			await assertExistence( saveA11ySelector, false );
-
-			// Update reusable block again.
-			await canvas().click( 'p[data-type="core/paragraph"]' );
-			// We need to click again due to the clickthrough overlays in reusable blocks.
-			await canvas().click( 'p[data-type="core/paragraph"]' );
-			await page.keyboard.type( 'R!' );
-
-			// Multi-entity saving should be enabled.
-			await assertMultiSaveEnabled();
-			await assertExistence( saveA11ySelector, true );
-		} );
-
-		it( 'Site blocks should save individually', async () => {
-			await createNewPost();
-			await disablePrePublishChecks();
-
-			await insertBlock( 'Site Title' );
-			// Ensure title is retrieved before typing.
-			await page.waitForXPath(
-				`//a[contains(text(), "${ originalSiteTitle }")]`
-			);
-			const editableSiteTitleSelector =
-				'.wp-block-site-title a[contenteditable="true"]';
-			await canvas().waitForSelector( editableSiteTitleSelector );
-			await canvas().focus( editableSiteTitleSelector );
-			await page.keyboard.type( '...' );
-
-			await insertBlock( 'Site Tagline' );
-			// Wait for the placeholder.
-			await canvas().waitForXPath(
-				'//span[@data-rich-text-placeholder="Write site tagline…"]'
-			);
-			const editableSiteTagLineSelector =
-				'.wp-block-site-tagline[contenteditable="true"]';
-			await canvas().waitForSelector( editableSiteTagLineSelector );
-			await canvas().focus( editableSiteTagLineSelector );
-			await page.keyboard.type( 'Just another WordPress site' );
-
-			await clickButton( 'Publish' );
-			await page.waitForSelector( savePanelSelector );
-			let checkboxInputs = await page.$$( checkboxInputSelector );
-			expect( checkboxInputs ).toHaveLength( 3 );
-
-			await checkboxInputs[ 1 ].click();
-			await page.click( entitiesSaveSelector );
-
-			// Wait for the snackbar notice that the post has been published.
-			await page.waitForSelector( '.components-snackbar' );
-
-			await clickButton( 'Update…' );
-			await page.waitForSelector( savePanelSelector );
-
-			await page.waitForSelector( checkboxInputSelector );
-			checkboxInputs = await page.$$( checkboxInputSelector );
-
-			expect( checkboxInputs ).toHaveLength( 1 );
-		} );
-	} );
-} );

package/specs/site-editor/settings-sidebar.test.js

@@ -1,122 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	deleteAllTemplates,
-	activateTheme,
-	getAllBlocks,
-	selectBlockByClientId,
-	insertBlock,
-	visitSiteEditor,
-	enterEditMode,
-} from '@wordpress/e2e-test-utils';
-
-async function toggleSidebar() {
-	await page.click(
-		'.edit-site-header-edit-mode__actions button[aria-label="Settings"]'
-	);
-}
-
-async function getActiveTabLabel() {
-	return await page.$eval(
-		'.edit-site-sidebar-edit-mode__panel-tab.is-active',
-		( element ) => element.getAttribute( 'aria-label' )
-	);
-}
-
-async function getTemplateCard() {
-	return {
-		title: await page.$eval(
-			'.edit-site-sidebar-card__title',
-			( element ) => element.innerText
-		),
-		description: await page.$eval(
-			'.edit-site-sidebar-card__description',
-			( element ) => element.innerText
-		),
-	};
-}
-
-describe( 'Settings sidebar', () => {
-	beforeAll( async () => {
-		await activateTheme( 'emptytheme' );
-		await deleteAllTemplates( 'wp_template' );
-		await deleteAllTemplates( 'wp_template_part' );
-	} );
-	afterAll( async () => {
-		await deleteAllTemplates( 'wp_template' );
-		await deleteAllTemplates( 'wp_template_part' );
-		await activateTheme( 'twentytwentyone' );
-	} );
-	beforeEach( async () => {
-		await visitSiteEditor();
-		await enterEditMode();
-	} );
-
-	describe( 'Template tab', () => {
-		it( 'should open template tab by default if no block is selected', async () => {
-			await toggleSidebar();
-
-			expect( await getActiveTabLabel() ).toEqual(
-				'Template (selected)'
-			);
-		} );
-
-		it( "should show the currently selected template's title and description", async () => {
-			await toggleSidebar();
-
-			const templateCardBeforeNavigation = await getTemplateCard();
-			await visitSiteEditor( {
-				postId: 'emptytheme//singular',
-				postType: 'wp_template',
-			} );
-			await enterEditMode();
-			const templateCardAfterNavigation = await getTemplateCard();
-
-			expect( templateCardBeforeNavigation ).toMatchObject( {
-				title: 'Index',
-				description:
-					'Used as a fallback template for all pages when a more specific template is not defined.',
-			} );
-			expect( templateCardAfterNavigation ).toMatchObject( {
-				title: 'Single Entries',
-				description:
-					'Displays any single entry, such as a post or a page. This template will serve as a fallback when a more specific template (e.g. Single Post, Page, or Attachment) cannot be found.',
-			} );
-		} );
-	} );
-
-	describe( 'Block tab', () => {
-		it( 'should open block tab by default if a block is selected', async () => {
-			const allBlocks = await getAllBlocks();
-			await selectBlockByClientId( allBlocks[ 0 ].clientId );
-
-			await toggleSidebar();
-
-			expect( await getActiveTabLabel() ).toEqual( 'Block (selected)' );
-		} );
-	} );
-
-	describe( 'Tab switch based on selection', () => {
-		it( 'should switch to block tab if we select a block, when Template is selected', async () => {
-			await toggleSidebar();
-			expect( await getActiveTabLabel() ).toEqual(
-				'Template (selected)'
-			);
-			// By inserting the block is also selected.
-			await insertBlock( 'Heading' );
-			expect( await getActiveTabLabel() ).toEqual( 'Block (selected)' );
-		} );
-		it( 'should switch to Template tab when a block was selected and we select the Template', async () => {
-			await insertBlock( 'Heading' );
-			await toggleSidebar();
-			expect( await getActiveTabLabel() ).toEqual( 'Block (selected)' );
-			await page.evaluate( () => {
-				wp.data.dispatch( 'core/block-editor' ).clearSelectedBlock();
-			} );
-			expect( await getActiveTabLabel() ).toEqual(
-				'Template (selected)'
-			);
-		} );
-	} );
-} );

package/specs/site-editor/site-editor-export.test.js

@@ -1,63 +0,0 @@
-/**
- * External dependencies
- */
-import fs from 'fs';
-import path from 'path';
-import os from 'os';
-
-/**
- * WordPress dependencies
- */
-import {
-	deleteAllTemplates,
-	activateTheme,
-	visitSiteEditor,
-	enterEditMode,
-	clickOnMoreMenuItem,
-} from '@wordpress/e2e-test-utils';
-
-async function waitForFileExists( filePath, timeout = 10000 ) {
-	const start = Date.now();
-	while ( ! fs.existsSync( filePath ) ) {
-		// Puppeteer doesn't have an API for managing file downloads.
-		// We are using `waitForTimeout` to add delays between check of file existence.
-		// eslint-disable-next-line no-restricted-syntax
-		await page.waitForTimeout( 1000 );
-		if ( Date.now() - start > timeout ) {
-			throw Error( 'waitForFileExists timeout' );
-		}
-	}
-}
-
-describe( 'Site Editor Templates Export', () => {
-	beforeAll( async () => {
-		await activateTheme( 'emptytheme' );
-		await deleteAllTemplates( 'wp_template' );
-		await deleteAllTemplates( 'wp_template_part' );
-	} );
-
-	afterAll( async () => {
-		await activateTheme( 'twentytwentyone' );
-	} );
-
-	beforeEach( async () => {
-		await visitSiteEditor();
-		await enterEditMode();
-	} );
-
-	it( 'clicking export should download emptytheme.zip file', async () => {
-		const directory = fs.mkdtempSync(
-			path.join( os.tmpdir(), 'test-edit-site-export-' )
-		);
-		await page._client.send( 'Page.setDownloadBehavior', {
-			behavior: 'allow',
-			downloadPath: directory,
-		} );
-
-		await clickOnMoreMenuItem( 'Export', 'site-editor' );
-		const filePath = path.join( directory, 'emptytheme.zip' );
-		await waitForFileExists( filePath );
-		expect( fs.existsSync( filePath ) ).toBe( true );
-		fs.unlinkSync( filePath );
-	} );
-} );