@wordpress/e2e-tests 5.0.0 → 5.1.0

package/specs/editor/various/__snapshots__/draggable-block.test.js.snap

@@ -1,41 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Draggable block can drag and drop to the bottom of a block list 1`] = `
-"<!-- wp:paragraph -->
-<p>1</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>2</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Draggable block can drag and drop to the bottom of a block list 2`] = `
-"<!-- wp:paragraph -->
-<p>2</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>1</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Draggable block can drag and drop to the top of a block list 1`] = `
-"<!-- wp:paragraph -->
-<p>1</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>2</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Draggable block can drag and drop to the top of a block list 2`] = `
-"<!-- wp:paragraph -->
-<p>2</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>1</p>
-<!-- /wp:paragraph -->"
-`;

package/specs/editor/various/__snapshots__/duplicating-blocks.test.js.snap

@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Duplicating blocks should duplicate blocks using the block settings menu 1`] = `
-"<!-- wp:paragraph -->
-<p>Clone me</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>Clone me</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Duplicating blocks should duplicate blocks using the keyboard shortcut 1`] = `
-"<!-- wp:paragraph -->
-<p>Clone me</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>Clone me</p>
-<!-- /wp:paragraph -->"
-`;

package/specs/editor/various/__snapshots__/writing-flow.test.js.snap

@@ -1,305 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Writing Flow Should navigate inner blocks with arrow keys 1`] = `
-"<!-- wp:paragraph -->
-<p>First paragraph</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:columns -->
-<div class=\\"wp-block-columns\\"><!-- wp:column -->
-<div class=\\"wp-block-column\\"><!-- wp:paragraph -->
-<p>1st col</p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:column -->
-
-<!-- wp:column -->
-<div class=\\"wp-block-column\\"><!-- wp:paragraph -->
-<p>2nd col</p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:column --></div>
-<!-- /wp:columns -->
-
-<!-- wp:paragraph -->
-<p>Second paragraph</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should allow selecting entire list with longer last item 1`] = `
-"<!-- wp:paragraph -->
-<p>a</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:list -->
-<ul><li></li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`Writing Flow should create valid paragraph blocks when rapidly pressing Enter 1`] = `
-"<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should insert line break at end 1`] = `
-"<!-- wp:paragraph -->
-<p>a<br></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should insert line break at end and continue writing 1`] = `
-"<!-- wp:paragraph -->
-<p>a<br>b</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should insert line break at start 1`] = `
-"<!-- wp:paragraph -->
-<p><br>a</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should insert line break in empty container 1`] = `
-"<!-- wp:paragraph -->
-<p><br></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should insert line break mid text 1`] = `
-"<!-- wp:paragraph -->
-<p>a<br>b</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should merge forwards 1`] = `
-"<!-- wp:paragraph -->
-<p>123</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should merge paragraphs 1`] = `
-"<!-- wp:paragraph -->
-<p>12</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should navigate around inline boundaries 1`] = `
-"<!-- wp:paragraph -->
-<p>FirstAfter</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>Before<strong>InsideSecondInside</strong>After</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>BeforeThird</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should navigate around nested inline boundaries 1`] = `
-"<!-- wp:paragraph -->
-<p><strong><em>1</em> <em>2</em></strong></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should navigate around nested inline boundaries 2`] = `
-"<!-- wp:paragraph -->
-<p>a<strong>b<em>c1d</em>e f<em>g2h</em>i</strong>j</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should navigate contenteditable with normal line height 1`] = `
-"<!-- wp:paragraph -->
-<p>1</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should navigate contenteditable with padding 1`] = `
-"<!-- wp:paragraph -->
-<p>1</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>2</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should navigate contenteditable with side padding 1`] = `
-"<!-- wp:paragraph -->
-<p>1</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should navigate empty paragraph 1`] = `
-"<!-- wp:paragraph -->
-<p>1</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>2</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should navigate empty paragraphs 1`] = `
-"<!-- wp:paragraph -->
-<p>1</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>3</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should not create extra line breaks in multiline value 1`] = `
-"<!-- wp:list -->
-<ul><li></li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`Writing Flow should not delete surrounding space when deleting a selected word 1`] = `
-"<!-- wp:paragraph -->
-<p>alpha  gamma</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should not delete surrounding space when deleting a selected word 2`] = `
-"<!-- wp:paragraph -->
-<p>alpha beta gamma</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should not delete surrounding space when deleting a word with Alt+Backspace 1`] = `
-"<!-- wp:paragraph -->
-<p>alpha  gamma</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should not delete surrounding space when deleting a word with Alt+Backspace 2`] = `
-"<!-- wp:paragraph -->
-<p>alpha beta gamma</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should not delete surrounding space when deleting a word with Backspace 1`] = `
-"<!-- wp:paragraph -->
-<p>1  3</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should not delete surrounding space when deleting a word with Backspace 2`] = `
-"<!-- wp:paragraph -->
-<p>1 2 3</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should not have a dead zone above an aligned block 1`] = `
-"<!-- wp:paragraph -->
-<p>1</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:image {\\"align\\":\\"wide\\"} -->
-<figure class=\\"wp-block-image alignwide\\"><img alt=\\"\\"/></figure>
-<!-- /wp:image -->"
-`;
-
-exports[`Writing Flow should not have a dead zone between blocks (lower) 1`] = `
-"<!-- wp:paragraph -->
-<p>1</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>23</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should not prematurely multi-select 1`] = `
-"<!-- wp:paragraph -->
-<p>1</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should only consider the content as one tab stop 1`] = `
-"<!-- wp:table -->
-<figure class=\\"wp-block-table\\"><table><tbody><tr><td></td><td>2</td></tr><tr><td></td><td></td></tr></tbody></table></figure>
-<!-- /wp:table -->"
-`;
-
-exports[`Writing Flow should preserve horizontal position when navigating vertically between blocks 1`] = `
-"<!-- wp:paragraph -->
-<p>abc</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>123</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Writing Flow should remember initial vertical position 1`] = `
-"<!-- wp:paragraph -->
-<p>1x</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p><br>2</p>
-<!-- /wp:paragraph -->"
-`;

package/specs/editor/various/draggable-block.test.js

@@ -1,127 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	getEditedPostContent,
-	createNewPost,
-	deactivatePlugin,
-	activatePlugin,
-	showBlockToolbar,
-	setBrowserViewport,
-	waitForWindowDimensions,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Draggable block', () => {
-	// Tests don't seem to pass if beforeAll and afterAll are used.
-	// Unsure why.
-	beforeEach( async () => {
-		await deactivatePlugin(
-			'gutenberg-test-plugin-disables-the-css-animations'
-		);
-
-		// Set the viewport at a larger size than normal to ensure scrolling doesn't occur.
-		// Scrolling can interfere with the drag coordinates.
-		await page.setViewport( { width: 960, height: 1024 } );
-		await waitForWindowDimensions( 960, 1024 );
-		await createNewPost();
-		await page.setDragInterception( true );
-	} );
-
-	afterEach( async () => {
-		await page.setDragInterception( false );
-
-		// Reset the viewport to normal large size.
-		await setBrowserViewport( 'large' );
-		await activatePlugin(
-			'gutenberg-test-plugin-disables-the-css-animations'
-		);
-	} );
-
-	it( 'can drag and drop to the top of a block list', async () => {
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( '1' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( '2' );
-
-		// Confirm correct setup.
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-
-		await showBlockToolbar();
-		const dragHandle = await page.waitForSelector(
-			'.block-editor-block-mover__drag-handle'
-		);
-		const dragHandlePoint = await dragHandle.clickablePoint();
-
-		const firstParagraph = await page.$( '[data-type="core/paragraph"]' );
-		const targetPoint = await firstParagraph.clickablePoint();
-		const targetRect = await firstParagraph.boundingBox();
-		const target = {
-			x: targetPoint.x,
-			// Drag to the top half.
-			y: targetPoint.y - targetRect.height * 0.25,
-		};
-
-		const dragData = await page.mouse.drag( dragHandlePoint, target );
-		await page.mouse.dragEnter( target, dragData );
-		await page.mouse.dragOver( target, dragData );
-
-		// Wait for the insertion point to be visible.
-		const insertionPoint = await page.waitForSelector(
-			'.block-editor-block-list__insertion-point'
-		);
-
-		// Expect the insertion point to be visible above the first paragraph.
-		const insertionPointBoundingBox = await insertionPoint.boundingBox();
-		expect( insertionPointBoundingBox.y ).toBeLessThan( target.y );
-
-		await page.mouse.drop( target, dragData );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'can drag and drop to the bottom of a block list', async () => {
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( '1' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( '2' );
-		await page.keyboard.press( 'ArrowUp' );
-
-		// Confirm correct setup.
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-
-		const [ , secondParagraph ] = await page.$$(
-			'[data-type="core/paragraph"]'
-		);
-
-		await showBlockToolbar();
-		const dragHandle = await page.waitForSelector(
-			'.block-editor-block-mover__drag-handle'
-		);
-		const dragHandlePoint = await dragHandle.clickablePoint();
-
-		const targetPoint = await secondParagraph.clickablePoint();
-		const targetRect = await secondParagraph.boundingBox();
-		const target = {
-			x: targetPoint.x,
-			// Drag to the bottom half.
-			y: targetPoint.y + targetRect.height * 0.25,
-		};
-
-		const dragData = await page.mouse.drag( dragHandlePoint, target );
-		await page.mouse.dragEnter( target, dragData );
-		await page.mouse.dragOver( target, dragData );
-
-		// Wait for the insertion point to be visible.
-		const insertionPoint = await page.waitForSelector(
-			'.block-editor-block-list__insertion-point'
-		);
-
-		// Expect the insertion point to be visible below the first paragraph.
-		const insertionPointBoundingBox = await insertionPoint.boundingBox();
-		expect( insertionPointBoundingBox.y ).toBeGreaterThan( target.y );
-
-		await page.mouse.drop( target, dragData );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-} );

package/specs/editor/various/duplicating-blocks.test.js

@@ -1,47 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	clickMenuItem,
-	createNewPost,
-	insertBlock,
-	getEditedPostContent,
-	clickBlockToolbarButton,
-	pressKeyWithModifier,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Duplicating blocks', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'should duplicate blocks using the block settings menu', async () => {
-		await insertBlock( 'Paragraph' );
-		await page.keyboard.type( 'Clone me' );
-
-		// Select the test we just typed
-		// This doesn't do anything but we previously had a duplicationi bug
-		// When the selection was not collapsed.
-		await pressKeyWithModifier( 'primary', 'a' );
-
-		await clickBlockToolbarButton( 'Options' );
-		await clickMenuItem( 'Duplicate' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'should duplicate blocks using the keyboard shortcut', async () => {
-		await insertBlock( 'Paragraph' );
-		await page.keyboard.type( 'Clone me' );
-
-		// Select the test we just typed
-		// This doesn't do anything but we previously had a duplicationi bug
-		// When the selection was not collapsed.
-		await pressKeyWithModifier( 'primary', 'a' );
-
-		// Duplicate using the keyboard shortccut.
-		await pressKeyWithModifier( 'primaryShift', 'd' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-} );