@wordpress/e2e-tests 5.4.0 → 5.6.0

package/specs/editor/various/splitting-merging.test.js

@@ -1,303 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	createNewPost,
-	insertBlock,
-	isInDefaultBlock,
-	getEditedPostContent,
-	pressKeyTimes,
-	pressKeyWithModifier,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'splitting and merging blocks', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'should split and merge paragraph blocks using Enter and Backspace', async () => {
-		// Use regular inserter to add paragraph block and text.
-		await insertBlock( 'Paragraph' );
-		await page.keyboard.type( 'FirstSecond' );
-
-		// Move caret between 'First' and 'Second' and press Enter to split
-		// paragraph blocks.
-		await pressKeyTimes( 'ArrowLeft', 6 );
-		await page.keyboard.press( 'Enter' );
-
-		// Assert that there are now two paragraph blocks with correct content.
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-
-		// Press Backspace to merge paragraph blocks.
-		await page.keyboard.press( 'Backspace' );
-
-		// Ensure that caret position is correctly placed at the between point.
-		await page.keyboard.type( 'Between' );
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-
-		await pressKeyTimes( 'Backspace', 7 ); // Delete "Between"
-
-		// Edge case: Without ensuring that the editor still has focus when
-		// restoring a bookmark, the caret may be inadvertently moved back to
-		// an inline boundary after a split occurs.
-		await page.keyboard.press( 'Home' );
-		await page.keyboard.down( 'Shift' );
-		await pressKeyTimes( 'ArrowRight', 5 );
-		await page.keyboard.up( 'Shift' );
-		await pressKeyWithModifier( 'primary', 'b' );
-		// Collapse selection, still within inline boundary.
-		await page.keyboard.press( 'ArrowRight' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( 'BeforeSecond:' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should merge into inline boundary position', async () => {
-		// Regression Test: Caret should reset to end of inline boundary when
-		// backspacing to delete second paragraph.
-		await insertBlock( 'Paragraph' );
-		await pressKeyWithModifier( 'primary', 'b' );
-		await page.keyboard.type( 'Foo' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.press( 'Backspace' );
-
-		// Replace contents of first paragraph with "Bar".
-		await pressKeyTimes( 'Backspace', 4 );
-		await page.keyboard.type( 'Bar' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should delete an empty first line', async () => {
-		// Regression Test: When a paragraph block has line break, and the first
-		// line has no text, pressing backspace at the start of the second line
-		// should remove the first.
-		//
-		// See: https://github.com/WordPress/gutenberg/issues/8388
-
-		// First paragraph.
-		await insertBlock( 'Paragraph' );
-		await page.keyboard.type( 'First' );
-		await page.keyboard.press( 'Enter' );
-
-		// Second paragraph.
-		await page.keyboard.down( 'Shift' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.up( 'Shift' );
-
-		// Delete the soft line break.
-		await page.keyboard.press( 'Backspace' );
-
-		// Typing at this point should occur still within the second paragraph,
-		// while before the regression fix it would have occurred in the first.
-		await page.keyboard.type( 'Still Second' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should not merge paragraphs if the selection is not collapsed', async () => {
-		// Regression Test: When all of a paragraph is selected, pressing
-		// backspace should delete the contents, not merge to previous.
-		//
-		// See: https://github.com/WordPress/gutenberg/issues/8268
-		await insertBlock( 'Paragraph' );
-		await page.keyboard.type( 'Foo' );
-		await insertBlock( 'Paragraph' );
-		await page.keyboard.type( 'Bar' );
-
-		// Select text.
-		await page.keyboard.down( 'Shift' );
-		await pressKeyTimes( 'ArrowLeft', 3 );
-		await page.keyboard.up( 'Shift' );
-
-		// Delete selection.
-		await page.keyboard.press( 'Backspace' );
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should gracefully handle if placing caret in empty container', async () => {
-		// Regression Test: placeCaretAtHorizontalEdge previously did not
-		// account for contentEditables which have no children.
-		//
-		// See: https://github.com/WordPress/gutenberg/issues/8676
-		await insertBlock( 'Paragraph' );
-		await page.keyboard.type( 'Foo' );
-
-		// The regression appeared to only affect paragraphs created while
-		// within an inline boundary.
-		await page.keyboard.down( 'Shift' );
-		await pressKeyTimes( 'ArrowLeft', 3 );
-		await page.keyboard.up( 'Shift' );
-		await pressKeyWithModifier( 'primary', 'b' );
-		await page.keyboard.press( 'ArrowRight' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.press( 'Enter' );
-
-		await page.keyboard.press( 'Backspace' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should forward delete from an empty paragraph', async () => {
-		// Regression test: Bogus nodes in a RichText container can interfere
-		// with isHorizontalEdge detection, preventing forward deletion.
-		//
-		// See: https://github.com/WordPress/gutenberg/issues/8731
-		await insertBlock( 'Paragraph' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( 'Second' );
-		await page.keyboard.press( 'ArrowUp' );
-		await page.keyboard.press( 'Delete' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should remove empty paragraph block on backspace', async () => {
-		// Regression Test: In a sole empty paragraph, pressing backspace
-		// should remove the block.
-		//
-		// See: https://github.com/WordPress/gutenberg/pull/8306
-		await insertBlock( 'Paragraph' );
-		await page.keyboard.press( 'Backspace' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should remove at most one paragraph in forward direction', async () => {
-		// Regression Test: A forward delete on empty RichText previously would
-		// destroy two paragraphs on the dual-action of merge & remove.
-		//
-		// See: https://github.com/WordPress/gutenberg/pull/8735
-		await insertBlock( 'Paragraph' );
-		await page.keyboard.type( 'First' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( 'Second' );
-		await page.keyboard.press( 'ArrowUp' );
-		await page.keyboard.press( 'ArrowUp' );
-		await page.keyboard.press( 'Delete' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should ensure always a default block', async () => {
-		// Feature: To avoid focus loss, removal of all blocks will result in a
-		// default block insertion at the root. Pressing backspace in a new
-		// paragraph should not effectively allow removal. This is counteracted
-		// with pre-save content processing to save post consisting of only the
-		// unmodified default block as an empty string.
-		//
-		// See: https://github.com/WordPress/gutenberg/issues/9626
-		await insertBlock( 'Paragraph' );
-		await page.keyboard.press( 'Backspace' );
-
-		// There is a default block and post title:
-		expect(
-			await page.$$( '.block-editor-block-list__block' )
-		).toHaveLength( 2 );
-
-		// But the effective saved content is still empty:
-		expect( await getEditedPostContent() ).toBe( '' );
-
-		// And focus is retained:
-		expect( await isInDefaultBlock() ).toBe( true );
-	} );
-
-	it( 'should undo split in one go', async () => {
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( '12' );
-		await page.keyboard.press( 'ArrowLeft' );
-		await page.keyboard.press( 'Enter' );
-		await pressKeyWithModifier( 'primary', 'z' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should not split with line break in front', async () => {
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( '1' );
-		await page.keyboard.press( 'Enter' );
-		await pressKeyWithModifier( 'shift', 'Enter' );
-		await page.keyboard.type( '2' );
-		await page.keyboard.press( 'ArrowLeft' );
-		await page.keyboard.press( 'Backspace' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	describe( 'test restore selection when merge produces more than one block', () => {
-		it( 'on forward delete', async () => {
-			await insertBlock( 'Paragraph' );
-			await page.keyboard.type( 'hi' );
-			await insertBlock( 'List' );
-			await page.keyboard.type( 'item 1' );
-			await page.keyboard.press( 'Enter' );
-			await page.keyboard.type( 'item 2' );
-			await pressKeyTimes( 'ArrowUp', 3 );
-			await page.keyboard.press( 'Delete' );
-			expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
-			"<!-- wp:paragraph -->
-			<p>hi</p>
-			<!-- /wp:paragraph -->
-
-			<!-- wp:paragraph -->
-			<p>item 1</p>
-			<!-- /wp:paragraph -->
-
-			<!-- wp:paragraph -->
-			<p>item 2</p>
-			<!-- /wp:paragraph -->"
-		` );
-			await page.keyboard.press( 'Delete' );
-			// Carret should be in the first block and at the proper position.
-			await page.keyboard.type( '-' );
-			expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
-			"<!-- wp:paragraph -->
-			<p>hi-item 1</p>
-			<!-- /wp:paragraph -->
-
-			<!-- wp:paragraph -->
-			<p>item 2</p>
-			<!-- /wp:paragraph -->"
-		` );
-		} );
-		it( 'on backspace', async () => {
-			await insertBlock( 'Paragraph' );
-			await page.keyboard.type( 'hi' );
-			await insertBlock( 'List' );
-			await page.keyboard.type( 'item 1' );
-			await page.keyboard.press( 'Enter' );
-			await page.keyboard.type( 'item 2' );
-			await page.keyboard.press( 'ArrowUp' );
-			await pressKeyTimes( 'ArrowLeft', 6 );
-			await page.keyboard.press( 'Backspace' );
-			expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
-			"<!-- wp:paragraph -->
-			<p>hi</p>
-			<!-- /wp:paragraph -->
-
-			<!-- wp:paragraph -->
-			<p>item 1</p>
-			<!-- /wp:paragraph -->
-
-			<!-- wp:paragraph -->
-			<p>item 2</p>
-			<!-- /wp:paragraph -->"
-		` );
-			await page.keyboard.press( 'Backspace' );
-			// Carret should be in the first block and at the proper position.
-			await page.keyboard.type( '-' );
-			expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
-			"<!-- wp:paragraph -->
-			<p>hi-item 1</p>
-			<!-- /wp:paragraph -->
-
-			<!-- wp:paragraph -->
-			<p>item 2</p>
-			<!-- /wp:paragraph -->"
-		` );
-		} );
-	} );
-} );

package/specs/site-editor/iframe-rendering-mode.test.js

@@ -1,31 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { activateTheme, visitSiteEditor } from '@wordpress/e2e-test-utils';
-
-describe( 'Site editor iframe rendering mode', () => {
-	beforeAll( async () => {
-		await activateTheme( 'emptytheme' );
-	} );
-
-	afterAll( async () => {
-		await activateTheme( 'twentytwentyone' );
-	} );
-
-	it( 'Should render editor in standards mode.', async () => {
-		await visitSiteEditor( {
-			postId: 'emptytheme//index',
-			postType: 'wp_template',
-		} );
-
-		const compatMode = await page.evaluate(
-			() =>
-				document.querySelector( `iframe[name='editor-canvas']` )
-					.contentDocument.compatMode
-		);
-
-		// CSS1Compat = expected standards mode.
-		// BackCompat = quirks mode.
-		expect( compatMode ).toBe( 'CSS1Compat' );
-	} );
-} );

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

@@ -1,33 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	deleteAllTemplates,
-	activateTheme,
-	visitSiteEditor,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Site Editor Inserter', () => {
-	beforeAll( async () => {
-		await activateTheme( 'emptytheme' );
-		await deleteAllTemplates( 'wp_template' );
-		await deleteAllTemplates( 'wp_template_part' );
-	} );
-	afterAll( async () => {
-		await activateTheme( 'twentytwentyone' );
-	} );
-	beforeEach( async () => {
-		await visitSiteEditor();
-	} );
-
-	it( 'inserter toggle button should toggle global inserter', async () => {
-		await page.click( '.edit-site-header-edit-mode__inserter-toggle' );
-		await page.waitForSelector( '.edit-site-editor__inserter-panel', {
-			visible: true,
-		} );
-		await page.click( '.edit-site-header-edit-mode__inserter-toggle' );
-		await page.waitForSelector( '.edit-site-editor__inserter-panel', {
-			hidden: true,
-		} );
-	} );
-} );