@wordpress/e2e-tests 6.1.0 → 6.3.0

package/specs/editor/blocks/__snapshots__/classic.test.js.snap

@@ -1,5 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Classic Should not fail after save/reload 1`] = `"test"`;
-
-exports[`Classic should be inserted 1`] = `"test"`;

package/specs/editor/blocks/classic.test.js

@@ -1,145 +0,0 @@
-/**
- * External dependencies
- */
-import path from 'path';
-import fs from 'fs';
-import os from 'os';
-import { v4 as uuid } from 'uuid';
-
-/**
- * WordPress dependencies
- */
-import {
-	getEditedPostContent,
-	createNewPost,
-	insertBlock,
-	pressKeyWithModifier,
-	clickBlockToolbarButton,
-	saveDraft,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Classic', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'should be inserted', async () => {
-		await insertBlock( 'Classic' );
-		// Wait for TinyMCE to initialise.
-		await page.waitForSelector( '.mce-content-body' );
-		// Ensure there is focus.
-		await page.focus( '.mce-content-body' );
-		await page.keyboard.type( 'test' );
-		// Move focus away.
-		await pressKeyWithModifier( 'shift', 'Tab' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should insert media, convert to blocks, and undo in one step', async () => {
-		await insertBlock( 'Classic' );
-		// Wait for TinyMCE to initialise.
-		await page.waitForSelector( '.mce-content-body' );
-		// Ensure there is focus.
-		await page.focus( '.mce-content-body' );
-		await page.keyboard.type( 'test' );
-
-		// Click the image button.
-		const addMediaButton = await page.waitForSelector(
-			'div[aria-label^="Add Media"]'
-		);
-		await addMediaButton.click();
-
-		await page.click( '.media-menu-item#menu-item-gallery' );
-
-		// Wait for media modal to appear and upload image.
-		const inputElement = await page.waitForSelector(
-			'.media-modal .moxie-shim input[type=file]'
-		);
-		const testImagePath = path.join(
-			__dirname,
-			'..',
-			'..',
-			'..',
-			'assets',
-			'10x10_e2e_test_image_z9T8jK.png'
-		);
-		const filename = uuid();
-		const tmpFileName = path.join( os.tmpdir(), filename + '.png' );
-		fs.copyFileSync( testImagePath, tmpFileName );
-		await inputElement.uploadFile( tmpFileName );
-
-		// Wait for upload.
-		await page.waitForSelector(
-			`.media-modal li[aria-label="${ filename }"]`
-		);
-
-		// Insert the uploaded image.
-		await page.click( '.media-modal button.media-button-gallery' );
-		await page.click( '.media-modal button.media-button-insert' );
-
-		// Wait for image to be inserted.
-		await page.waitForSelector( '.mce-content-body img' );
-
-		// Move focus away and verify gallery was inserted.
-		await pressKeyWithModifier( 'shift', 'Tab' );
-		expect( await getEditedPostContent() ).toMatch(
-			/\[gallery ids=\"\d+\"\]/
-		);
-
-		// Convert to blocks and verify it worked correctly.
-		await clickBlockToolbarButton( 'Convert to blocks', 'content' );
-		await page.waitForSelector( '.wp-block[data-type="core/gallery"]' );
-		expect( await getEditedPostContent() ).toMatch( /<!-- wp:gallery/ );
-
-		// Check that you can undo back to a Classic block gallery in one step.
-		await pressKeyWithModifier( 'primary', 'z' );
-		await page.waitForSelector( 'div[aria-label="Block: Classic"]' );
-		expect( await getEditedPostContent() ).toMatch(
-			/\[gallery ids=\"\d+\"\]/
-		);
-
-		// Convert to blocks again and verify it worked correctly.
-		await clickBlockToolbarButton( 'Convert to blocks', 'content' );
-		await page.waitForSelector( '.wp-block[data-type="core/gallery"]' );
-		expect( await getEditedPostContent() ).toMatch( /<!-- wp:gallery/ );
-	} );
-
-	it( 'Should not fail after save/reload', async () => {
-		// Might move to utils if this becomes useful enough for other tests.
-		const runWithoutCache = async ( cb ) => {
-			try {
-				await page.setCacheEnabled( false );
-				await cb();
-			} finally {
-				await page.setCacheEnabled( true );
-			}
-		};
-
-		await insertBlock( 'Classic' );
-
-		// Wait for TinyMCE to initialise.
-		await page.waitForSelector( '.mce-content-body' );
-
-		// Ensure there is focus.
-		await page.focus( '.mce-content-body' );
-		await page.keyboard.type( 'test' );
-
-		// Move focus away.
-		await pressKeyWithModifier( 'shift', 'Tab' );
-
-		// Save.
-		await saveDraft();
-
-		// Reload
-		// Disabling the browser disk cache is needed in order to reproduce the issue
-		// in case it regresses. To test this, revert commit 65c9f74, build and run the test.
-		await runWithoutCache( () => page.reload() );
-
-		const classicBlockSelector = 'div[aria-label^="Block: Classic"]';
-		await page.waitForSelector( classicBlockSelector );
-		await page.focus( classicBlockSelector );
-		expect( console ).not.toHaveErrored();
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-} );

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

@@ -1,74 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { createNewPost, pressKeyWithModifier } from '@wordpress/e2e-test-utils';
-
-function isCloseButtonFocused() {
-	return page.$eval( ':focus', ( focusedElement ) => {
-		return focusedElement.getAttribute( 'aria-label' ) === 'Close';
-	} );
-}
-
-describe( 'a11y', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'tabs header bar', async () => {
-		await pressKeyWithModifier( 'ctrl', '`' );
-		await pressKeyWithModifier( 'ctrl', '`' );
-		await pressKeyWithModifier( 'ctrl', '`' );
-		await pressKeyWithModifier( 'ctrl', '`' );
-		await page.keyboard.press( 'Tab' );
-
-		const isFocusedToggle = await page.$eval(
-			':focus',
-			( focusedElement ) => {
-				return focusedElement.classList.contains(
-					'edit-post-header-toolbar__inserter-toggle'
-				);
-			}
-		);
-
-		expect( isFocusedToggle ).toBe( true );
-	} );
-
-	it( 'constrains focus to a modal when tabbing', async () => {
-		// Open keyboard help modal.
-		await pressKeyWithModifier( 'access', 'h' );
-
-		// The close button should not be focused by default; this is a strange UX
-		// experience.
-		// See: https://github.com/WordPress/gutenberg/issues/9410
-		expect( await isCloseButtonFocused() ).toBe( false );
-
-		await page.keyboard.press( 'Tab' );
-
-		// Ensure the Close button of the modal is focused after tabbing.
-		expect( await isCloseButtonFocused() ).toBe( true );
-	} );
-
-	it( 'returns focus to the first tabbable in a modal after blurring a tabbable', async () => {
-		await pressKeyWithModifier( 'access', 'h' );
-
-		// Click to move focus to an element after the last tabbable within the
-		// modal.
-		await page.click( '.components-modal__content *:last-child' );
-
-		await page.keyboard.press( 'Tab' );
-
-		expect( await isCloseButtonFocused() ).toBe( true );
-	} );
-
-	it( 'returns focus to the last tabbable in a modal after blurring a tabbable and tabbing in reverse direction', async () => {
-		await pressKeyWithModifier( 'access', 'h' );
-
-		// Click to move focus to an element before the first tabbable within
-		// the modal.
-		await page.click( '.components-modal__header-heading' );
-
-		await pressKeyWithModifier( 'shift', 'Tab' );
-
-		expect( await isCloseButtonFocused() ).toBe( true );
-	} );
-} );

package/specs/editor/various/manage-reusable-blocks.test.js

@@ -1,74 +0,0 @@
-/**
- * External dependencies
- */
-import path from 'path';
-
-/**
- * WordPress dependencies
- */
-import { visitAdminPage } from '@wordpress/e2e-test-utils';
-
-describe( 'Managing reusable blocks', () => {
-	/**
-	 * Returns a Promise which resolves to the number of post list entries on
-	 * the current page.
-	 *
-	 * @return {Promise} Promise resolving to number of post list entries.
-	 */
-	async function getNumberOfEntries() {
-		return page.evaluate(
-			() => document.querySelectorAll( '.hentry' ).length
-		);
-	}
-
-	beforeAll( async () => {
-		await visitAdminPage( 'edit.php', 'post_type=wp_block' );
-	} );
-
-	it( 'Should import reusable blocks', async () => {
-		const originalEntries = await getNumberOfEntries();
-
-		// Import Reusable block.
-		await page.waitForSelector( '.list-reusable-blocks__container' );
-		const importButton = await page.$(
-			'.list-reusable-blocks__container button'
-		);
-		await importButton.click();
-
-		// Select the file to upload.
-		const testReusableBlockFile = path.join(
-			__dirname,
-			'..',
-			'..',
-			'..',
-			'assets',
-			'greeting-reusable-block.json'
-		);
-		const input = await page.$( '.list-reusable-blocks-import-form input' );
-		await input.uploadFile( testReusableBlockFile );
-
-		// Submit the form.
-		const button = await page.$(
-			'.list-reusable-blocks-import-form__button'
-		);
-		await button.click();
-
-		// Wait for the success notice.
-		await page.waitForSelector( '.notice-success' );
-		const noticeContent = await page.$eval(
-			'.notice-success',
-			( element ) => element.textContent
-		);
-		expect( noticeContent ).toEqual(
-			'Reusable block imported successfully!'
-		);
-
-		// Refresh the page.
-		await visitAdminPage( 'edit.php', 'post_type=wp_block' );
-
-		const expectedEntries = originalEntries + 1;
-		const actualEntries = await getNumberOfEntries();
-
-		expect( actualEntries ).toBe( expectedEntries );
-	} );
-} );

package/specs/editor/various/post-visibility.test.js

@@ -1,133 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	setBrowserViewport,
-	createNewPost,
-	openDocumentSettingsSidebar,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Post visibility', () => {
-	afterEach( async () => {
-		await setBrowserViewport( 'large' );
-	} );
-	[ 'large', 'small' ].forEach( ( viewport ) => {
-		it( `can be changed when the viewport is ${ viewport }`, async () => {
-			await setBrowserViewport( viewport );
-
-			await createNewPost();
-
-			await openDocumentSettingsSidebar();
-
-			await page.click( '*[aria-label^="Select visibility"]' );
-
-			const [ privateLabel ] = await page.$x(
-				'//label[text()="Private"]'
-			);
-			await privateLabel.click();
-
-			await page.waitForXPath(
-				'//*[text()="Would you like to privately publish this post now?"]'
-			);
-
-			const [ confirmButton ] = await page.$x(
-				'//*[@role="dialog"]//button[text()="OK"]'
-			);
-			await confirmButton.click();
-
-			const currentStatus = await page.evaluate( () => {
-				return wp.data
-					.select( 'core/editor' )
-					.getEditedPostAttribute( 'status' );
-			} );
-
-			expect( currentStatus ).toBe( 'private' );
-		} );
-
-		it( `can be canceled when the viewport is ${ viewport }`, async () => {
-			await setBrowserViewport( viewport );
-
-			await createNewPost();
-
-			await openDocumentSettingsSidebar();
-
-			const initialStatus = await page.evaluate( () => {
-				return wp.data
-					.select( 'core/editor' )
-					.getEditedPostAttribute( 'status' );
-			} );
-
-			await page.click( '*[aria-label^="Select visibility"]' );
-
-			const [ privateLabel ] = await page.$x(
-				'//label[text()="Private"]'
-			);
-			await privateLabel.click();
-			await page.waitForXPath(
-				'//*[text()="Would you like to privately publish this post now?"]'
-			);
-			const cancelButton = await page.waitForXPath(
-				'//*[@role="dialog"][not(@id="wp-link-wrap")]//button[text()="Cancel"]'
-			);
-			await cancelButton.click();
-
-			const currentStatus = await page.evaluate( () => {
-				return wp.data
-					.select( 'core/editor' )
-					.getEditedPostAttribute( 'status' );
-			} );
-
-			expect( currentStatus ).toBe( initialStatus );
-		} );
-	} );
-
-	it( 'visibility remains private even if the publish date is in the future', async () => {
-		await createNewPost();
-
-		// Enter a title for this post.
-		await page.type( '.editor-post-title__input', 'Title' );
-
-		await openDocumentSettingsSidebar();
-
-		// Set a publish date for the next month.
-		await page.click( '*[aria-label^="Change date"]' );
-		await page.click( '*[aria-label="View next month"]' );
-		await (
-			await page.$x(
-				'//*[@role="application"][@aria-label="Calendar"]//button[text()="15"]'
-			)
-		 )[ 0 ].click();
-
-		await page.click( '*[aria-label^="Select visibility"]' );
-
-		const [ privateLabel ] = await page.$x( '//label[text()="Private"]' );
-		await privateLabel.click();
-
-		await page.waitForXPath(
-			'//*[text()="Would you like to privately publish this post now?"]'
-		);
-
-		const [ confirmButton ] = await page.$x(
-			'//*[@role="dialog"]//button[text()="OK"]'
-		);
-		await confirmButton.click();
-
-		// Enter a title for this post.
-		await page.type( '.editor-post-title__input', ' Changed' );
-
-		// Wait for the button to be clickable before attempting to click.
-		// This could cause errors when we try to click before changes are registered.
-		await page.waitForSelector(
-			'.editor-post-publish-button[aria-disabled="false"]'
-		);
-		await page.click( '.editor-post-publish-button' );
-
-		const currentStatus = await page.evaluate( () => {
-			return wp.data
-				.select( 'core/editor' )
-				.getEditedPostAttribute( 'status' );
-		} );
-
-		expect( currentStatus ).toBe( 'private' );
-	} );
-} );

package/specs/experiments/__snapshots__/navigation-editor.test.js.snap

@@ -1,39 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Navigation editor allows creation of a menu when there are existing menu items 1`] = `"<!-- wp:navigation {\\"orientation\\":\\"vertical\\"} /-->"`;
-
-exports[`Navigation editor allows creation of a menu when there are no current menu items 1`] = `
-"<!-- wp:navigation {\\"orientation\\":\\"vertical\\"} -->
-<!-- wp:navigation-link {\\"label\\":\\"My page\\",\\"type\\":\\"page\\",\\"id\\":\\"number\\",\\"url\\":\\"string\\",\\"isTopLevelLink\\":true} /-->
-<!-- /wp:navigation -->"
-`;
-
-exports[`Navigation editor displays the first created menu when at least one menu exists 1`] = `
-"<!-- wp:navigation {\\"orientation\\":\\"vertical\\"} -->
-<!-- wp:navigation-link {\\"label\\":\\"Home\\",\\"type\\":\\"custom\\",\\"url\\":\\"string\\",\\"kind\\":\\"custom\\",\\"isTopLevelLink\\":true} /-->
-
-<!-- wp:navigation-submenu {\\"label\\":\\"About\\",\\"type\\":\\"page\\",\\"id\\":\\"number\\",\\"url\\":\\"string\\",\\"kind\\":\\"post-type\\",\\"isTopLevelItem\\":true} -->
-<!-- wp:navigation-link {\\"label\\":\\"Our team\\",\\"type\\":\\"page\\",\\"id\\":\\"number\\",\\"url\\":\\"string\\",\\"kind\\":\\"post-type\\",\\"isTopLevelLink\\":false} /-->
-<!-- /wp:navigation-submenu -->
-
-<!-- wp:navigation-submenu {\\"label\\":\\"Shop\\",\\"type\\":\\"page\\",\\"id\\":\\"number\\",\\"url\\":\\"string\\",\\"kind\\":\\"post-type\\",\\"isTopLevelItem\\":true} -->
-<!-- wp:navigation-submenu {\\"label\\":\\"Winter apparel\\",\\"type\\":\\"page\\",\\"id\\":\\"number\\",\\"url\\":\\"string\\",\\"kind\\":\\"post-type\\",\\"isTopLevelItem\\":false} -->
-<!-- wp:navigation-link {\\"label\\":\\"Chunky socks\\",\\"type\\":\\"page\\",\\"id\\":\\"number\\",\\"url\\":\\"string\\",\\"kind\\":\\"post-type\\",\\"isTopLevelLink\\":false} /-->
-
-<!-- wp:navigation-link {\\"label\\":\\"Hideous hats\\",\\"type\\":\\"page\\",\\"id\\":\\"number\\",\\"url\\":\\"string\\",\\"kind\\":\\"post-type\\",\\"isTopLevelLink\\":false} /-->
-
-<!-- wp:navigation-link {\\"label\\":\\"Glorious gloves\\",\\"type\\":\\"page\\",\\"id\\":\\"number\\",\\"url\\":\\"string\\",\\"kind\\":\\"post-type\\",\\"isTopLevelLink\\":false} /-->
-
-<!-- wp:navigation-link {\\"label\\":\\"Jazzy Jumpers\\",\\"type\\":\\"page\\",\\"id\\":\\"number\\",\\"url\\":\\"string\\",\\"kind\\":\\"post-type\\",\\"isTopLevelLink\\":false} /-->
-<!-- /wp:navigation-submenu -->
-<!-- /wp:navigation-submenu -->
-
-<!-- wp:navigation-link {\\"label\\":\\"Shipping\\",\\"type\\":\\"page\\",\\"id\\":\\"number\\",\\"url\\":\\"string\\",\\"kind\\":\\"post-type\\",\\"isTopLevelLink\\":true} /-->
-
-<!-- wp:navigation-link {\\"label\\":\\"Contact Us\\",\\"type\\":\\"page\\",\\"id\\":\\"number\\",\\"url\\":\\"string\\",\\"kind\\":\\"post-type\\",\\"isTopLevelLink\\":true} /-->
-
-<!-- wp:navigation-submenu {\\"label\\":\\"WordPress.org\\",\\"type\\":\\"custom\\",\\"url\\":\\"string\\",\\"kind\\":\\"custom\\",\\"isTopLevelItem\\":true} -->
-<!-- wp:navigation-link {\\"label\\":\\"Google\\",\\"type\\":\\"custom\\",\\"url\\":\\"string\\",\\"kind\\":\\"custom\\",\\"isTopLevelLink\\":false} /-->
-<!-- /wp:navigation-submenu -->
-<!-- /wp:navigation -->"
-`;