@wordpress/e2e-tests 4.5.0 → 4.8.0

package/specs/editor/plugins/__snapshots__/inner-blocks-render-appender.test.js.snap

@@ -3,7 +3,9 @@
 exports[`RenderAppender prop of InnerBlocks Users can customize the appender and can still insert blocks using exposed components 1`] = `
 "<!-- wp:test/inner-blocks-render-appender -->
 <div style=\\"outline:1px solid gray;padding:5px\\" class=\\"wp-block-test-inner-blocks-render-appender\\"><!-- wp:quote -->
-<blockquote class=\\"wp-block-quote\\"><p></p></blockquote>
+<blockquote class=\\"wp-block-quote\\"><!-- wp:paragraph -->
+<p></p>
+<!-- /wp:paragraph --></blockquote>
 <!-- /wp:quote --></div>
 <!-- /wp:test/inner-blocks-render-appender -->"
 `;
@@ -11,7 +13,9 @@ exports[`RenderAppender prop of InnerBlocks Users can customize the appender and
 exports[`RenderAppender prop of InnerBlocks Users can dynamically customize the appender 1`] = `
 "<!-- wp:test/inner-blocks-render-appender-dynamic -->
 <div style=\\"outline:1px solid gray;padding:5px\\" class=\\"wp-block-test-inner-blocks-render-appender-dynamic\\"><!-- wp:quote -->
-<blockquote class=\\"wp-block-quote\\"><p></p></blockquote>
+<blockquote class=\\"wp-block-quote\\"><!-- wp:paragraph -->
+<p></p>
+<!-- /wp:paragraph --></blockquote>
 <!-- /wp:quote -->
 
 <!-- wp:video -->

package/specs/editor/plugins/__snapshots__/templates.test.js.snap

@@ -10,7 +10,9 @@ exports[`templates Using a CPT with a predefined template Should add a custom po
 <!-- /wp:paragraph -->
 
 <!-- wp:quote -->
-<blockquote class=\\"wp-block-quote\\"><p></p></blockquote>
+<blockquote class=\\"wp-block-quote\\"><!-- wp:paragraph -->
+<p></p>
+<!-- /wp:paragraph --></blockquote>
 <!-- /wp:quote -->
 
 <!-- wp:columns -->
@@ -36,7 +38,9 @@ exports[`templates Using a CPT with a predefined template Should respect user ed
 <!-- /wp:paragraph -->
 
 <!-- wp:quote -->
-<blockquote class=\\"wp-block-quote\\"><p></p></blockquote>
+<blockquote class=\\"wp-block-quote\\"><!-- wp:paragraph -->
+<p></p>
+<!-- /wp:paragraph --></blockquote>
 <!-- /wp:quote -->
 
 <!-- wp:columns -->

package/specs/editor/plugins/block-variations.test.js

@@ -148,6 +148,8 @@ describe( 'Block variations', () => {
 
 		it( 'should show block information when no matching variation is found', async () => {
 			await insertBlock( 'Large Quote' );
+			// Select the quote block.
+			await page.keyboard.press( 'ArrowDown' );
 			const breadcrumb = await getActiveBreadcrumb();
 			expect( breadcrumb ).toEqual( 'Quote' );
 			const navigationItem = await getFirstNavigationItem();

package/specs/editor/plugins/cpt-locking.test.js

@@ -49,12 +49,12 @@ describe( 'cpt locking', () => {
 
 	const shouldAllowBlocksToBeMoved = async () => {
 		await page.click(
-			'.block-editor-rich-text__editable[data-type="core/paragraph"]'
+			'div > .block-editor-rich-text__editable[data-type="core/paragraph"]'
 		);
 		expect( await page.$( 'button[aria-label="Move up"]' ) ).not.toBeNull();
 		await page.click( 'button[aria-label="Move up"]' );
 		await page.type(
-			'.block-editor-rich-text__editable[data-type="core/paragraph"]',
+			'div > .block-editor-rich-text__editable[data-type="core/paragraph"]',
 			'p1'
 		);
 		expect( await getEditedPostContent() ).toMatchSnapshot();
@@ -193,7 +193,7 @@ describe( 'cpt locking', () => {
 
 		it( 'should allow blocks to be removed', async () => {
 			await page.type(
-				'.block-editor-rich-text__editable[data-type="core/paragraph"]',
+				'div > .block-editor-rich-text__editable[data-type="core/paragraph"]',
 				'p1'
 			);
 			await clickBlockToolbarButton( 'Options' );

package/specs/editor/plugins/iframed-block.test.js

@@ -36,8 +36,9 @@ describe( 'changing image size', () => {
 
 		await openDocumentSettingsSidebar();
 		await clickButton( 'Page' );
-		await clickButton( 'Template' );
-		await clickButton( 'New' );
+		await page.click( 'button[aria-label^="Select template"]' );
+		await page.waitForSelector( 'button[aria-label="Add template"]' );
+		await page.click( 'button[aria-label="Add template"]' );
 		await page.keyboard.press( 'Tab' );
 		await page.keyboard.press( 'Tab' );
 		await page.keyboard.type( 'Iframed Test' );

package/specs/editor/plugins/iframed-masonry-block.test.js

@@ -44,8 +44,9 @@ describe( 'iframed masonry block', () => {
 
 		await openDocumentSettingsSidebar();
 		await clickButton( 'Page' );
-		await clickButton( 'Template' );
-		await clickButton( 'New' );
+		await page.click( 'button[aria-label^="Select template"]' );
+		await page.waitForSelector( 'button[aria-label="Add template"]' );
+		await page.click( 'button[aria-label="Add template"]' );
 		await page.keyboard.press( 'Tab' );
 		await page.keyboard.press( 'Tab' );
 		await page.keyboard.type( 'Iframed Test' );

package/specs/editor/plugins/inner-blocks-render-appender.test.js

@@ -98,6 +98,9 @@ describe( 'RenderAppender prop of InnerBlocks', () => {
 		// Insert a quote block.
 		await quoteButton.click();
 
+		// Select the quote block.
+		await page.keyboard.press( 'ArrowDown' );
+
 		// Verify if the custom block appender text changed as expected.
 		await page.waitForXPath(
 			`//*[contains(@class, "${ DYNAMIC_APPENDER_SELECTOR }")]/span[contains(@class, "single-blocks-appender")][contains(text(), "Single Blocks Appender")]`

package/specs/editor/plugins/meta-boxes.test.js

@@ -59,7 +59,7 @@ describe( 'Meta boxes', () => {
 		await viewPostLinks[ 0 ].click();
 		await page.waitForNavigation();
 
-		// Check the the dynamic block appears.
+		// Check the dynamic block appears.
 		const latestPostsBlock = await page.waitForSelector(
 			'.wp-block-latest-posts'
 		);

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

@@ -146,22 +146,6 @@ exports[`Multi-block selection should handle Enter across blocks 2`] = `
 <!-- /wp:heading -->"
 `;
 
-exports[`Multi-block selection should merge into quote with correct selection 1`] = `
-"<!-- wp:quote -->
-<blockquote class=\\"wp-block-quote\\"><p>1[</p></blockquote>
-<!-- /wp:quote -->
-
-<!-- wp:paragraph -->
-<p>]2</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Multi-block selection should merge into quote with correct selection 2`] = `
-"<!-- wp:quote -->
-<blockquote class=\\"wp-block-quote\\"><p>1</p><p>&amp;2</p></blockquote>
-<!-- /wp:quote -->"
-`;
-
 exports[`Multi-block selection should multi-select from within the list block 1`] = `
 "<!-- wp:paragraph -->
 <p>1</p>

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

@@ -207,9 +207,9 @@ exports[`Writing Flow should navigate empty paragraphs 1`] = `
 `;
 
 exports[`Writing Flow should not create extra line breaks in multiline value 1`] = `
-"<!-- wp:quote -->
-<blockquote class=\\"wp-block-quote\\"><p></p></blockquote>
-<!-- /wp:quote -->"
+"<!-- wp:list -->
+<ul><li></li></ul>
+<!-- /wp:list -->"
 `;
 
 exports[`Writing Flow should not delete surrounding space when deleting a selected word 1`] = `

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

@@ -28,9 +28,8 @@ describe( 'Block Switcher', () => {
 			expect.arrayContaining( [
 				'Group',
 				'Paragraph',
-				'Quote',
 				'Heading',
-				'Pullquote',
+				'Quote',
 				'Columns',
 				'Table of Contents',
 			] )
@@ -56,7 +55,6 @@ describe( 'Block Switcher', () => {
 			expect.arrayContaining( [
 				'Group',
 				'Paragraph',
-				'Pullquote',
 				'Heading',
 				'Table of Contents',
 			] )

package/specs/editor/various/compatibility-classic-editor.test.js

@@ -28,7 +28,7 @@ describe( 'Compatibility with classic editor', () => {
 		await viewPostLinks[ 0 ].click();
 		await page.waitForNavigation();
 
-		// Check the the content doesn't contain <p> tags.
+		// Check the content doesn't contain <p> tags.
 		await page.waitForSelector( '.entry-content' );
 		const content = await page.$eval( '.entry-content', ( element ) =>
 			element.innerHTML.trim()

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

@@ -45,17 +45,13 @@ function trimLeadingZero( str ) {
 	return str[ 0 ] === '0' ? str.slice( 1 ) : str;
 }
 
-function formatDatePickerValues( {
-	year,
-	monthLabel,
-	day,
-	hours,
-	minutes,
-	amOrPm,
-} ) {
+function formatDatePickerValues(
+	{ year, monthLabel, day, hours, minutes, amOrPm },
+	timezone
+) {
 	const dayTrimmed = trimLeadingZero( day );
 	const hoursTrimmed = trimLeadingZero( hours );
-	return `${ monthLabel } ${ dayTrimmed }, ${ year } ${ hoursTrimmed }:${ minutes } ${ amOrPm }`;
+	return `${ monthLabel } ${ dayTrimmed }, ${ year } ${ hoursTrimmed }:${ minutes }\xa0${ amOrPm } ${ timezone }`;
 }
 
 async function getPublishingDate() {
@@ -70,11 +66,13 @@ describe.each( [ [ 'UTC-10' ], [ 'UTC' ], [ 'UTC+10' ] ] )(
 	( timezone ) => {
 		let oldTimezone;
 		beforeEach( async () => {
+			await page.emulateTimezone( 'America/New_York' ); // Set browser to a timezone that's different to `timezone`.
 			oldTimezone = await changeSiteTimezone( timezone );
 			await createNewPost();
 		} );
 		afterEach( async () => {
 			await changeSiteTimezone( oldTimezone );
+			await page.emulateTimezone( null );
 		} );
 
 		it( 'should show the publishing date as "Immediately" if the date is not altered', async () => {
@@ -98,7 +96,7 @@ describe.each( [ [ 'UTC-10' ], [ 'UTC' ], [ 'UTC+10' ] ] )(
 			const publishingDate = await getPublishingDate();
 
 			expect( publishingDate ).toBe(
-				formatDatePickerValues( datePickerValues )
+				formatDatePickerValues( datePickerValues, timezone )
 			);
 		} );
 
@@ -119,7 +117,7 @@ describe.each( [ [ 'UTC-10' ], [ 'UTC' ], [ 'UTC+10' ] ] )(
 			expect( publishingDate ).not.toEqual( 'Immediately' );
 			// The expected date format will be "Sep 26, 2018 11:52 pm".
 			expect( publishingDate ).toBe(
-				formatDatePickerValues( datePickerValues )
+				formatDatePickerValues( datePickerValues, timezone )
 			);
 		} );
 

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

@@ -392,7 +392,7 @@ describe( 'Links', () => {
 		await page.waitForSelector( '.block-editor-link-control__search-item' );
 		await page.keyboard.press( 'ArrowDown' );
 
-		// Expect the the escape key to dismiss the popover when the autocomplete suggestion list is open.
+		// Expect the escape key to dismiss the popover when the autocomplete suggestion list is open.
 		await page.keyboard.press( 'Escape' );
 		expect(
 			await page.$(
@@ -417,7 +417,7 @@ describe( 'Links', () => {
 			)
 		).not.toBeNull();
 
-		// Expect the the escape key to dismiss the popover normally.
+		// Expect the escape key to dismiss the popover normally.
 		await page.keyboard.press( 'Escape' );
 		expect(
 			await page.$(
@@ -440,7 +440,7 @@ describe( 'Links', () => {
 		await page.keyboard.press( 'Tab' );
 		await page.keyboard.press( 'Tab' );
 
-		// Expect the the escape key to dismiss the popover normally.
+		// Expect the escape key to dismiss the popover normally.
 		await page.keyboard.press( 'Escape' );
 		expect(
 			await page.$(

package/specs/editor/various/multi-block-selection.test.js

@@ -108,7 +108,6 @@ describe( 'Multi-block selection', () => {
 		await pressKeyWithModifier( 'primary', 'a' );
 		await pressKeyWithModifier( 'primary', 'a' );
 
-		await testNativeSelection();
 		expect( await getSelectedFlatIndices() ).toEqual( [ 1, 2, 3 ] );
 
 		// TODO: It would be great to do this test by spying on `wp.a11y.speak`,
@@ -420,7 +419,6 @@ describe( 'Multi-block selection', () => {
 		await page.mouse.move( coord2.x, coord2.y, { steps: 10 } );
 		await page.mouse.up();
 
-		await testNativeSelection();
 		expect( await getSelectedFlatIndices() ).toEqual( [ 1, 2 ] );
 	} );
 
@@ -720,9 +718,8 @@ describe( 'Multi-block selection', () => {
 		expect( await getEditedPostContent() ).toMatchSnapshot();
 
 		// Clear the selected block.
-		const paragraph = await page.$( '[data-type="core/paragraph"]' );
-		const box = await paragraph.boundingBox();
-		await page.mouse.click( box.x - 1, box.y );
+		await page.keyboard.press( 'Escape' );
+		await page.keyboard.press( 'Escape' );
 
 		await pressKeyWithModifier( 'primary', 'a' );
 
@@ -908,30 +905,6 @@ describe( 'Multi-block selection', () => {
 		expect( await getEditedPostContent() ).toMatchSnapshot();
 	} );
 
-	it( 'should merge into quote with correct selection', async () => {
-		await clickBlockAppender();
-		await page.keyboard.type( '> 1[' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.press( 'Enter' );
-		await page.keyboard.type( ']2' );
-		await page.keyboard.press( 'ArrowLeft' );
-		// Select everything between [].
-		await pressKeyWithModifier( 'shift', 'ArrowLeft' );
-		await pressKeyWithModifier( 'shift', 'ArrowLeft' );
-		await pressKeyWithModifier( 'shift', 'ArrowLeft' );
-
-		// Test setup.
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-
-		await page.keyboard.press( 'Backspace' );
-
-		// Ensure selection is in the correct place.
-		await page.keyboard.type( '&' );
-
-		// Expect two blocks with "&" in between.
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
 	it( 'should select separator (single element block)', async () => {
 		await clickBlockAppender();
 		await page.keyboard.type( '/hr' );

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

@@ -19,7 +19,7 @@ describe( 'Post visibility', () => {
 
 			await openDocumentSettingsSidebar();
 
-			await page.click( '.edit-post-post-visibility__toggle' );
+			await page.click( '*[aria-label^="Select visibility"]' );
 
 			const [ privateLabel ] = await page.$x(
 				'//label[text()="Private"]'
@@ -57,7 +57,7 @@ describe( 'Post visibility', () => {
 					.getEditedPostAttribute( 'status' );
 			} );
 
-			await page.click( '.edit-post-post-visibility__toggle' );
+			await page.click( '*[aria-label^="Select visibility"]' );
 
 			const [ privateLabel ] = await page.$x(
 				'//label[text()="Private"]'
@@ -90,7 +90,7 @@ describe( 'Post visibility', () => {
 		await openDocumentSettingsSidebar();
 
 		// Set a publish date for the next month.
-		await page.click( '.edit-post-post-schedule__toggle' );
+		await page.click( '*[aria-label^="Change date"]' );
 		await page.click(
 			'*[aria-label="Move forward to switch to the next month."]'
 		);
@@ -100,7 +100,7 @@ describe( 'Post visibility', () => {
 			)
 		 )[ 0 ].click();
 
-		await page.click( '.edit-post-post-visibility__toggle' );
+		await page.click( '*[aria-label^="Select visibility"]' );
 
 		const [ privateLabel ] = await page.$x( '//label[text()="Private"]' );
 		await privateLabel.click();

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

@@ -364,6 +364,8 @@ describe( 'Reusable blocks', () => {
 			'.block-editor-block-list__block[aria-label="Block: Quote"]'
 		);
 		await quoteBlock.click();
+		// Select the quote block.
+		await page.keyboard.press( 'ArrowDown' );
 		await openDocumentSettingsSidebar();
 		await page.waitForXPath(
 			'//*[@role="region"][@aria-label="Editor settings"]//button[.="Styles"]'

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

@@ -39,7 +39,7 @@ describe( 'Scheduling', () => {
 				expect( await getPublishButtonText() ).toBe( 'Publish' );
 
 				// Open the datepicker.
-				await page.click( '.edit-post-post-schedule__toggle' );
+				await page.click( '*[aria-label^="Change date"]' );
 
 				// Change the publishing date to a year in the future.
 				await page.click( '.components-datetime__time-field-year' );
@@ -56,7 +56,7 @@ describe( 'Scheduling', () => {
 	it( 'Should keep date time UI focused when the previous and next month buttons are clicked', async () => {
 		await createNewPost();
 
-		await page.click( '.edit-post-post-schedule__toggle' );
+		await page.click( '*[aria-label^="Change date"]' );
 		await page.click(
 			'*[aria-label="Move backward to switch to the previous month."]'
 		);

package/specs/editor/various/{sidebar-permalink-panel.test.js → sidebar-permalink.test.js}

@@ -5,17 +5,16 @@ import {
 	activatePlugin,
 	createNewPost,
 	deactivatePlugin,
-	findSidebarPanelWithTitle,
 	publishPost,
 } from '@wordpress/e2e-test-utils';
 
-const permalinkPanelXPath = `//div[contains(@class, "edit-post-sidebar")]//button[contains(@class, "components-panel__body-toggle") and contains(text(),"Permalink")]`;
+const urlButtonSelector = '*[aria-label^="Change URL"]';
 
 // This tests are not together with the remaining sidebar tests,
-// because we need to publish/save a post, to correctly test the permalink panel.
+// because we need to publish/save a post, to correctly test the permalink row.
 // The sidebar test suit enforces that focus is never lost, but during save operations
 // the focus is lost and a new element is focused once the save is completed.
-describe( 'Sidebar Permalink Panel', () => {
+describe( 'Sidebar Permalink', () => {
 	beforeAll( async () => {
 		await activatePlugin( 'gutenberg-test-custom-post-types' );
 	} );
@@ -24,39 +23,30 @@ describe( 'Sidebar Permalink Panel', () => {
 		await deactivatePlugin( 'gutenberg-test-custom-post-types' );
 	} );
 
-	it( 'should allow permalink sidebar panel to be removed', async () => {
-		await createNewPost();
-		await page.evaluate( () => {
-			const { removeEditorPanel } = wp.data.dispatch( 'core/edit-post' );
-			removeEditorPanel( 'post-link' );
-		} );
-		expect( await page.$x( permalinkPanelXPath ) ).toEqual( [] );
-	} );
-
-	it( 'should not render link panel when post is publicly queryable but not public', async () => {
+	it( 'should not render URL when post is publicly queryable but not public', async () => {
 		await createNewPost( { postType: 'public_q_not_public' } );
 		await page.keyboard.type( 'aaaaa' );
 		await publishPost();
 		// Start editing again.
 		await page.type( '.editor-post-title__input', ' (Updated)' );
-		expect( await page.$x( permalinkPanelXPath ) ).toEqual( [] );
+		expect( await page.$( urlButtonSelector ) ).toBeNull();
 	} );
 
-	it( 'should not render link panel when post is public but not publicly queryable', async () => {
+	it( 'should not render URL when post is public but not publicly queryable', async () => {
 		await createNewPost( { postType: 'not_public_q_public' } );
 		await page.keyboard.type( 'aaaaa' );
 		await publishPost();
 		// Start editing again.
 		await page.type( '.editor-post-title__input', ' (Updated)' );
-		expect( await page.$x( permalinkPanelXPath ) ).toEqual( [] );
+		expect( await page.$( urlButtonSelector ) ).toBeNull();
 	} );
 
-	it( 'should render link panel when post is public and publicly queryable', async () => {
+	it( 'should render URL when post is public and publicly queryable', async () => {
 		await createNewPost( { postType: 'public_q_public' } );
 		await page.keyboard.type( 'aaaaa' );
 		await publishPost();
 		// Start editing again.
 		await page.type( '.editor-post-title__input', ' (Updated)' );
-		expect( await findSidebarPanelWithTitle( 'Permalink' ) ).toBeDefined();
+		expect( await page.$( urlButtonSelector ) ).not.toBeNull();
 	} );
 } );

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

@@ -131,9 +131,7 @@ describe( 'Sidebar', () => {
 		).toBeDefined();
 		expect( await findSidebarPanelWithTitle( 'Excerpt' ) ).toBeDefined();
 		expect( await findSidebarPanelWithTitle( 'Discussion' ) ).toBeDefined();
-		expect(
-			await findSidebarPanelWithTitle( 'Status & visibility' )
-		).toBeDefined();
+		expect( await findSidebarPanelWithTitle( 'Summary' ) ).toBeDefined();
 
 		await page.evaluate( () => {
 			const { removeEditorPanel } = wp.data.dispatch( 'core/edit-post' );
@@ -165,8 +163,8 @@ describe( 'Sidebar', () => {
 		expect(
 			await page.$x( getPanelToggleSelector( 'Discussion' ) )
 		).toEqual( [] );
-		expect(
-			await page.$x( getPanelToggleSelector( 'Status & visibility' ) )
-		).toEqual( [] );
+		expect( await page.$x( getPanelToggleSelector( 'Summary' ) ) ).toEqual(
+			[]
+		);
 	} );
 } );

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

@@ -31,7 +31,7 @@ describe( 'TypeWriter', () => {
 
 		expect( await getCaretPosition() ).toBeGreaterThan( initialPosition );
 
-		// Create blocks until the the typewriter effect kicks in.
+		// Create blocks until the typewriter effect kicks in.
 		while (
 			await page.evaluate(
 				() =>
@@ -173,7 +173,7 @@ describe( 'TypeWriter', () => {
 
 		let count = 0;
 
-		// Create blocks until the the typewriter effect kicks in, create at
+		// Create blocks until the typewriter effect kicks in, create at
 		// least 10 blocks to properly test the .
 		while (
 			( await page.evaluate(

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

@@ -282,7 +282,7 @@ describe( 'Writing Flow', () => {
 	} );
 
 	it( 'should not create extra line breaks in multiline value', async () => {
-		await insertBlock( 'Quote' );
+		await insertBlock( 'List' );
 		await page.keyboard.type( 'a' );
 		await page.keyboard.press( 'Backspace' );
 		expect( await getEditedPostContent() ).toMatchSnapshot();
@@ -753,4 +753,77 @@ describe( 'Writing Flow', () => {
 		);
 		expect( paragraphs ).toEqual( [ 'first', 'second' ] );
 	} );
+
+	it( 'should move to the start of the first line on ArrowUp', async () => {
+		await page.keyboard.press( 'Enter' );
+		await page.keyboard.type( 'a' );
+
+		async function getHeight() {
+			return await page.evaluate(
+				() => document.activeElement.offsetHeight
+			);
+		}
+
+		const height = await getHeight();
+
+		// Keep typing until the height of the element increases. We need two
+		// lines.
+		while ( height === ( await getHeight() ) ) {
+			await page.keyboard.type( 'a' );
+		}
+
+		// Move to the start of the second line.
+		await page.keyboard.press( 'ArrowLeft' );
+		// Move to the start of the first line.
+		await page.keyboard.press( 'ArrowUp' );
+		// Insert a "." for testing.
+		await page.keyboard.type( '.' );
+
+		// Expect the "." to be added at the start of the paragraph.
+		expect(
+			await page.evaluate( () =>
+				document.activeElement.getAttribute( 'data-type' )
+			)
+		).toBe( 'core/paragraph' );
+		expect(
+			await page.evaluate( () => document.activeElement.textContent )
+		).toMatch( /^\.a+$/ );
+	} );
+
+	it( 'should vertically move the caret from corner to corner', async () => {
+		await page.keyboard.press( 'Enter' );
+		await page.keyboard.type( 'a' );
+
+		async function getHeight() {
+			return await page.evaluate(
+				() => document.activeElement.offsetHeight
+			);
+		}
+
+		const height = await getHeight();
+
+		// Keep typing until the height of the element increases. We need two
+		// lines.
+		while ( height === ( await getHeight() ) ) {
+			await page.keyboard.type( 'a' );
+		}
+
+		// Create a new paragraph.
+		await page.keyboard.press( 'Enter' );
+		// Move to the start of the first line.
+		await page.keyboard.press( 'ArrowUp' );
+		// Insert a "." for testing.
+		await page.keyboard.type( '.' );
+
+		// Expect the "." to be added at the start of the second line.
+		// It should not be added to the first line!
+		expect(
+			await page.evaluate( () =>
+				document.activeElement.getAttribute( 'data-type' )
+			)
+		).toBe( 'core/paragraph' );
+		expect(
+			await page.evaluate( () => document.activeElement.textContent )
+		).toMatch( /^a+\.a$/ );
+	} );
 } );

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

@@ -1,33 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Buttons can jump to the link editor using the keyboard shortcut 1`] = `
-"<!-- wp:buttons -->
-<div class=\\"wp-block-buttons\\"><!-- wp:button -->
-<div class=\\"wp-block-button\\"><a class=\\"wp-block-button__link wp-element-button\\" href=\\"https://www.wordpress.org/\\">WordPress</a></div>
-<!-- /wp:button --></div>
-<!-- /wp:buttons -->"
-`;
-
-exports[`Buttons dismisses link editor when escape is pressed 1`] = `
-"<!-- wp:buttons -->
-<div class=\\"wp-block-buttons\\"><!-- wp:button -->
-<div class=\\"wp-block-button\\"><a class=\\"wp-block-button__link wp-element-button\\">WordPress</a></div>
-<!-- /wp:button --></div>
-<!-- /wp:buttons -->"
-`;
-
-exports[`Buttons has focus on button content (slash inserter) 1`] = `
-"<!-- wp:buttons -->
-<div class=\\"wp-block-buttons\\"><!-- wp:button -->
-<div class=\\"wp-block-button\\"><a class=\\"wp-block-button__link wp-element-button\\">Content</a></div>
-<!-- /wp:button --></div>
-<!-- /wp:buttons -->"
-`;
-
-exports[`Buttons has focus on button content 1`] = `
-"<!-- wp:buttons -->
-<div class=\\"wp-block-buttons\\"><!-- wp:button -->
-<div class=\\"wp-block-button\\"><a class=\\"wp-block-button__link wp-element-button\\">Content</a></div>
-<!-- /wp:button --></div>
-<!-- /wp:buttons -->"
-`;