@wordpress/e2e-tests 3.1.1 → 4.0.0

package/specs/editor/various/copy-cut-paste-whole-blocks.test.js

@@ -1,187 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	clickBlockAppender,
-	createNewPost,
-	pressKeyWithModifier,
-	getEditedPostContent,
-	insertBlock,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Copy/cut/paste of whole blocks', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'should copy and paste individual blocks', async () => {
-		await clickBlockAppender();
-		await page.keyboard.type(
-			'Here is a unique string so we can test copying.'
-		);
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( '2' );
-		await page.keyboard.press( 'ArrowUp' );
-
-		await pressKeyWithModifier( 'primary', 'c' );
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-
-		await page.keyboard.press( 'ArrowDown' );
-		await pressKeyWithModifier( 'primary', 'v' );
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should copy blocks when non textual elements are focused  (image, spacer)', async () => {
-		await insertBlock( 'Spacer' );
-		// At this point the spacer wrapper should be focused.
-		await pressKeyWithModifier( 'primary', 'c' );
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-
-		await clickBlockAppender();
-		await pressKeyWithModifier( 'primary', 'v' );
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should cut and paste individual blocks', async () => {
-		await clickBlockAppender();
-		await page.keyboard.type( 'Yet another unique string.' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( '2' );
-		await page.keyboard.press( 'ArrowUp' );
-
-		await pressKeyWithModifier( 'primary', 'x' );
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-
-		await page.keyboard.press( 'Tab' );
-		await page.keyboard.press( 'ArrowDown' );
-		await pressKeyWithModifier( 'primary', 'v' );
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should respect inline copy when text is selected', async () => {
-		await clickBlockAppender();
-		await page.keyboard.type( 'First block' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( 'Second block' );
-		await page.keyboard.press( 'ArrowUp' );
-		await pressKeyWithModifier( 'shift', 'ArrowLeft' );
-		await pressKeyWithModifier( 'shift', 'ArrowLeft' );
-
-		await pressKeyWithModifier( 'primary', 'c' );
-		await page.keyboard.press( 'ArrowRight' );
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-
-		await page.keyboard.press( 'Enter' );
-		await pressKeyWithModifier( 'primary', 'v' );
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should respect inline copy in places like input fields and textareas', async () => {
-		await insertBlock( 'Shortcode' );
-		await page.keyboard.type( '[my-shortcode]' );
-		await pressKeyWithModifier( 'shift', 'ArrowLeft' );
-		await pressKeyWithModifier( 'shift', 'ArrowLeft' );
-
-		await pressKeyWithModifier( 'primary', 'c' );
-		await page.keyboard.press( 'ArrowRight' );
-		await page.keyboard.press( 'ArrowRight' );
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-
-		await insertBlock( 'Paragraph' );
-		await page.keyboard.type( 'Pasted: ' );
-		await pressKeyWithModifier( 'primary', 'v' );
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should handle paste events once', async () => {
-		// Add group block with paragraph.
-		await insertBlock( 'Group' );
-		await page.click( '.block-editor-button-block-appender' );
-		await page.click( '.editor-block-list-item-paragraph' );
-		await page.keyboard.type( 'P' );
-		await page.keyboard.press( 'ArrowLeft' );
-		await page.keyboard.press( 'ArrowLeft' );
-		// Cut group.
-		await pressKeyWithModifier( 'primary', 'x' );
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-
-		await page.keyboard.press( 'Enter' );
-
-		await page.evaluate( () => {
-			window.e2eTestPasteOnce = [];
-			let oldBlocks = wp.data.select( 'core/block-editor' ).getBlocks();
-			wp.data.subscribe( () => {
-				const blocks = wp.data
-					.select( 'core/block-editor' )
-					.getBlocks();
-				if ( blocks !== oldBlocks ) {
-					window.e2eTestPasteOnce.push(
-						blocks.map( ( { clientId, name } ) => ( {
-							clientId,
-							name,
-						} ) )
-					);
-				}
-				oldBlocks = blocks;
-			} );
-		} );
-
-		// Paste.
-		await pressKeyWithModifier( 'primary', 'v' );
-
-		// Blocks should only be modified once, not twice with new clientIds on a single paste action.
-		const blocksUpdated = await page.evaluate(
-			() => window.e2eTestPasteOnce
-		);
-
-		expect( blocksUpdated.length ).toEqual( 1 );
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'can copy group onto non textual element (image, spacer)', async () => {
-		// Add group block with paragraph.
-		await insertBlock( 'Group' );
-		await page.click( '.block-editor-button-block-appender' );
-		await page.click( '.editor-block-list-item-paragraph' );
-		await page.keyboard.type( 'P' );
-		await page.keyboard.press( 'ArrowLeft' );
-		await page.keyboard.press( 'ArrowLeft' );
-		// Cut group.
-		await pressKeyWithModifier( 'primary', 'x' );
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-
-		await page.keyboard.press( 'Enter' );
-
-		// Insert a non textual element (a spacer)
-		await insertBlock( 'Spacer' );
-		// Spacer is focused.
-		await page.evaluate( () => {
-			window.e2eTestPasteOnce = [];
-			let oldBlocks = wp.data.select( 'core/block-editor' ).getBlocks();
-			wp.data.subscribe( () => {
-				const blocks = wp.data
-					.select( 'core/block-editor' )
-					.getBlocks();
-				if ( blocks !== oldBlocks ) {
-					window.e2eTestPasteOnce.push(
-						blocks.map( ( { clientId, name } ) => ( {
-							clientId,
-							name,
-						} ) )
-					);
-				}
-				oldBlocks = blocks;
-			} );
-		} );
-
-		await pressKeyWithModifier( 'primary', 'v' );
-
-		// Paste should be handled on non-textual elements and only handled once.
-		const blocksUpdated = await page.evaluate(
-			() => window.e2eTestPasteOnce
-		);
-
-		expect( blocksUpdated.length ).toEqual( 1 );
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-} );

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

@@ -1,99 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	activatePlugin,
-	createNewPost,
-	deactivatePlugin,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'new editor state', () => {
-	beforeAll( async () => {
-		await activatePlugin( 'gutenberg-test-plugin-post-formats-support' );
-	} );
-
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	afterAll( async () => {
-		await deactivatePlugin( 'gutenberg-test-plugin-post-formats-support' );
-	} );
-
-	it( 'should show the New Post page in Gutenberg', async () => {
-		expect( page.url() ).toEqual(
-			expect.stringContaining( 'post-new.php' )
-		);
-		// Should display the blank title.
-		const title = await page.$( '[aria-label="Add title"]' );
-		expect( title ).not.toBeNull();
-		// Trim padding non-breaking space.
-		expect(
-			await title.evaluate( ( el ) => el.textContent.trim() )
-		).toBeFalsy();
-		// Should display the Preview button.
-		const postPreviewButton = await page.$(
-			'.editor-post-preview.components-button'
-		);
-		expect( postPreviewButton ).not.toBeNull();
-		// Should display the Post Formats UI.
-		const postFormatsUi = await page.$( '.editor-post-format' );
-		expect( postFormatsUi ).not.toBeNull();
-	} );
-
-	it( 'should have no history', async () => {
-		const undoButton = await page.$(
-			'.editor-history__undo[aria-disabled="false"]'
-		);
-		const redoButton = await page.$(
-			'.editor-history__redo[aria-disabled="false"]'
-		);
-
-		expect( undoButton ).toBeNull();
-		expect( redoButton ).toBeNull();
-	} );
-
-	it( 'should focus the title if the title is empty', async () => {
-		const activeElementClasses = await page.evaluate( () => {
-			return Object.values( document.activeElement.classList );
-		} );
-		const activeElementTagName = await page.evaluate( () => {
-			return document.activeElement.tagName.toLowerCase();
-		} );
-
-		expect( activeElementClasses ).toContain( 'editor-post-title__input' );
-		expect( activeElementTagName ).toEqual( 'h1' );
-	} );
-
-	it( 'should not focus the title if the title exists', async () => {
-		// Enter a title for this post.
-		await page.type( '.editor-post-title__input', 'Here is the title' );
-		// Save the post as a draft.
-		await page.click( '.editor-post-save-draft' );
-		await page.waitForSelector( '.editor-post-saved-state.is-saved' );
-		// Reload the browser so a post is loaded with a title.
-		await page.reload();
-		await page.waitForSelector( '.edit-post-layout' );
-
-		const activeElementClasses = await page.evaluate( () => {
-			return Object.values( document.activeElement.classList );
-		} );
-		const activeElementTagName = await page.evaluate( () => {
-			return document.activeElement.tagName.toLowerCase();
-		} );
-
-		expect( activeElementClasses ).not.toContain(
-			'editor-post-title__input'
-		);
-		// The document `body` should be the `activeElement`, because nothing is
-		// focused by default when a post already has a title.
-		expect( activeElementTagName ).toEqual( 'body' );
-	} );
-
-	it( 'should be saveable with sufficient initial edits', async () => {
-		await createNewPost( { title: 'Here is the title' } );
-
-		// Verify saveable by presence of the Save Draft button.
-		await page.$( 'button.editor-post-save-draft' );
-	} );
-} );