Testing: Update tests to use Escape press to activate block toolbar (#…

…15063)
WordPress · Apr 18, 2019 · afce486 · afce486
1 parent 5d25504
commit afce486
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/packages/e2e-tests/specs/block-deletion.test.js b/packages/e2e-tests/specs/block-deletion.test.js
@@ -34,8 +34,8 @@ describe( 'block deletion -', () => {
 			// The blocks can't be empty to trigger the toolbar
 			await page.keyboard.type( 'Paragraph to remove' );
 
-			// Move the mouse to show the block toolbar
-			await page.mouse.move( 200, 300, { steps: 10 } );
+			// Press Escape to show the block toolbar
+			await page.keyboard.press( 'Escape' );
 
 			await clickOnBlockSettingsMenuItem( 'Remove Block' );
 			expect( await getEditedPostContent() ).toMatchSnapshot();

diff --git a/packages/e2e-tests/specs/editor-modes.test.js b/packages/e2e-tests/specs/editor-modes.test.js
@@ -19,8 +19,8 @@ describe( 'Editing modes (visual/HTML)', () => {
 		let visualBlock = await page.$$( '.block-editor-block-list__layout .block-editor-block-list__block .block-editor-rich-text' );
 		expect( visualBlock ).toHaveLength( 1 );
 
-		// Move the mouse to show the block toolbar
-		await page.mouse.move( 200, 300, { steps: 10 } );
+		// Press Escape to show the block toolbar
+		await page.keyboard.press( 'Escape' );
 
 		// Change editing mode from "Visual" to "HTML".
 		await page.waitForSelector( 'button[aria-label="More options"]' );
@@ -32,8 +32,8 @@ describe( 'Editing modes (visual/HTML)', () => {
 		const htmlBlock = await page.$$( '.block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__block-html-textarea' );
 		expect( htmlBlock ).toHaveLength( 1 );
 
-		// Move the mouse to show the block toolbar
-		await page.mouse.move( 200, 300, { steps: 10 } );
+		// Press Escape to show the block toolbar
+		await page.keyboard.press( 'Escape' );
 
 		// Change editing mode from "HTML" back to "Visual".
 		await page.waitForSelector( 'button[aria-label="More options"]' );
@@ -47,8 +47,8 @@ describe( 'Editing modes (visual/HTML)', () => {
 	} );
 
 	it( 'should display sidebar in HTML mode', async () => {
-		// Move the mouse to show the block toolbar
-		await page.mouse.move( 200, 300, { steps: 10 } );
+		// Press Escape to show the block toolbar
+		await page.keyboard.press( 'Escape' );
 
 		// Change editing mode from "Visual" to "HTML".
 		await page.waitForSelector( 'button[aria-label="More options"]' );
@@ -63,8 +63,8 @@ describe( 'Editing modes (visual/HTML)', () => {
 	} );
 
 	it( 'should update HTML in HTML mode when sidebar is used', async () => {
-		// Move the mouse to show the block toolbar
-		await page.mouse.move( 200, 300, { steps: 10 } );
+		// Press Escape to show the block toolbar
+		await page.keyboard.press( 'Escape' );
 
 		// Change editing mode from "Visual" to "HTML".
 		await page.waitForSelector( 'button[aria-label="More options"]' );