@wordpress/e2e-tests 3.0.7 → 3.0.10-next.a55ed9455a.0

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

@@ -77,7 +77,7 @@ describe( 'Block context', () => {
 		);
 		expect( content ).toMatch( /^123,\d+,post$/ );
 
-		// Clean up
+		// Clean up.
 		await editorPage.bringToFront();
 		await previewPage.close();
 	} );

package/specs/editor/plugins/block-directory-add.test.js

@@ -12,7 +12,7 @@ import {
 
 const BLOCK1_NAME = 'block-directory-test-block/main-block';
 
-// Urls to mock
+// Urls to mock.
 const SEARCH_URLS = [
 	'/wp/v2/block-directory/search',
 	`rest_route=${ encodeURIComponent( '/wp/v2/block-directory/search' ) }`,
@@ -30,7 +30,7 @@ const INSTALL_URLS = [
 	`rest_route=${ encodeURIComponent( '/wp/v2/plugins' ) }`,
 ];
 
-// Example Blocks
+// Example Blocks.
 const MOCK_BLOCK1 = {
 	name: BLOCK1_NAME,
 	title: 'Block Directory Test Block',
@@ -44,7 +44,7 @@ const MOCK_BLOCK1 = {
 	author: 'No Author',
 	icon: 'block-default',
 	assets: [
-		'https://fake_url.com/block.js', // we will mock this
+		'https://fake_url.com/block.js', // We will mock this.
 	],
 	humanized_updated: '5 months ago',
 	links: {},
@@ -82,7 +82,7 @@ const MOCK_BLOCK2 = {
 	id: 'block-directory-test-secondary-block',
 };
 
-// Block that will be registered
+// Block that will be registered.
 const block = `( function() {
 	var registerBlockType = wp.blocks.registerBlockType;
 	var el = wp.element.createElement;
@@ -112,26 +112,26 @@ const MOCK_EMPTY_RESPONSES = [
 
 const MOCK_BLOCKS_RESPONSES = [
 	{
-		// Mock response for search with the block
+		// Mock response for search with the block.
 		match: ( request ) =>
 			matchUrl( request.url(), SEARCH_URLS ) &&
 			request.method() === 'GET',
 		onRequestMatch: createJSONResponse( [ MOCK_BLOCK1, MOCK_BLOCK2 ] ),
 	},
 	{
-		// Mock response for block type
+		// Mock response for block type.
 		match: ( request ) => matchUrl( request.url(), BLOCK_TYPE_URLS ),
 		onRequestMatch: createJSONResponse( {} ),
 	},
 	{
-		// Mock response for install
+		// Mock response for install.
 		match: ( request ) => matchUrl( request.url(), INSTALL_URLS ),
 		onRequestMatch: createJSONResponse(
 			MOCK_INSTALLED_BLOCK_PLUGIN_DETAILS
 		),
 	},
 	{
-		// Mock the response for the js asset once it gets injected
+		// Mock the response for the js asset once it gets injected.
 		match: ( request ) => request.url().includes( MOCK_BLOCK1.assets[ 0 ] ),
 		onRequestMatch: createResponse(
 			Buffer.from( block, 'utf8' ),
@@ -171,13 +171,13 @@ describe( 'adding blocks from block directory', () => {
 	} );
 
 	it( 'Should show an empty state when no plugin is found.', async () => {
-		// Be super weird so there won't be a matching block installed
+		// Be super weird so there won't be a matching block installed.
 		const impossibleBlockName = '@#$@@Dsdsdfw2#$@';
 
-		// Return an empty list of plugins
+		// Return an empty list of plugins.
 		await setUpResponseMocking( MOCK_EMPTY_RESPONSES );
 
-		// Search for the block via the inserter
+		// Search for the block via the inserter.
 		await searchForBlock( impossibleBlockName );
 
 		const selectorContent = await page.evaluate(
@@ -191,15 +191,15 @@ describe( 'adding blocks from block directory', () => {
 	} );
 
 	it( 'Should be able to add (the first) block.', async () => {
-		// Setup our mocks
+		// Setup our mocks.
 		await setUpResponseMocking( MOCK_BLOCKS_RESPONSES );
 
-		// Search for the block via the inserter
+		// Search for the block via the inserter.
 		await insertBlockDirectoryBlock( MOCK_BLOCK1.title );
 
 		await page.waitForSelector( `div[data-type="${ MOCK_BLOCK1.name }"]` );
 
-		// The block will auto select and get added, make sure we see it in the content
+		// The block will auto select and get added, make sure we see it in the content.
 		expect( await getEditedPostContent() ).toMatchSnapshot();
 	} );
 } );

package/specs/editor/plugins/custom-post-types.test.js

@@ -13,7 +13,7 @@ import {
 const openPageAttributesPanel = async () => {
 	const openButton = await findSidebarPanelWithTitle( 'Page Attributes' );
 
-	// Get the classes from the panel
+	// Get the classes from the panel.
 	const buttonClassName = await (
 		await openButton.getProperty( 'className' )
 	 ).jsonValue();

package/specs/editor/plugins/custom-taxonomies.test.js

@@ -29,7 +29,7 @@ describe( 'Custom Taxonomies labels are used', () => {
 		const openButton = await findSidebarPanelWithTitle( 'Model' );
 		expect( openButton ).not.toBeFalsy();
 
-		// Get the classes from the panel
+		// Get the classes from the panel.
 		const buttonClassName = await (
 			await openButton.getProperty( 'className' )
 		 ).jsonValue();
@@ -39,13 +39,13 @@ describe( 'Custom Taxonomies labels are used', () => {
 			await openButton.click();
 		}
 
-		// Check the add new button
+		// Check the add new button.
 		const labelNew = await page.$x(
 			"//label[@class='components-form-token-field__label' and contains(text(), 'Add New Model')]"
 		);
 		expect( labelNew ).not.toBeFalsy();
 
-		// Fill with one entry
+		// Fill with one entry.
 		await page.type(
 			'input.components-form-token-field__input',
 			'Model 1'

package/specs/editor/plugins/meta-attribute-block.test.js

@@ -62,7 +62,7 @@ describe( 'Block with a meta attribute', () => {
 						// Clicking the input selects the block,
 						// and selecting the block enables the sync data mode
 						// as otherwise the asynchronous re-rendering of unselected blocks
-						// may cause the input to have not yet been updated for the other blocks
+						// may cause the input to have not yet been updated for the other blocks.
 						await input.click();
 						const inputValue = await input.getProperty( 'value' );
 						expect( await inputValue.jsonValue() ).toBe(

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

@@ -86,7 +86,7 @@ describe( 'Meta boxes', () => {
 		await viewPostLinks[ 0 ].click();
 		await page.waitForNavigation();
 
-		// Retrieve the excerpt used as meta
+		// Retrieve the excerpt used as meta.
 		const metaExcerpt = await page.evaluate( () => {
 			return document
 				.querySelector( 'meta[property="gutenberg:hello"]' )
@@ -101,7 +101,7 @@ describe( 'Meta boxes', () => {
 		await page.keyboard.type( 'Excerpt from content.' );
 		await page.type( '.editor-post-title__input', 'A published post' );
 
-		// Open the excerpt panel
+		// Open the excerpt panel.
 		await openDocumentSettingsSidebar();
 		const excerptButton = await findSidebarPanelToggleButtonWithTitle(
 			'Excerpt'
@@ -126,7 +126,7 @@ describe( 'Meta boxes', () => {
 		await viewPostLinks[ 0 ].click();
 		await page.waitForNavigation();
 
-		// Retrieve the excerpt used as meta
+		// Retrieve the excerpt used as meta.
 		const metaExcerpt = await page.evaluate( () => {
 			return document
 				.querySelector( 'meta[property="gutenberg:hello"]' )

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

@@ -105,7 +105,7 @@ describe( 'templates', () => {
 			await page.reload();
 			await page.waitForSelector( '.edit-post-layout' );
 
-			// Wait a bit more for getEditedPostContent to be correct
+			// Wait a bit more for getEditedPostContent to be correct.
 			await page.waitForSelector(
 				'.block-editor-default-block-appender__content'
 			);

package/specs/editor/plugins/wp-editor-meta-box.test.js

@@ -22,7 +22,7 @@ describe( 'WP Editor Meta Boxes', () => {
 		// Add title to enable valid non-empty post save.
 		await page.type( '.editor-post-title__input', 'Hello Meta' );
 
-		// Type something
+		// Type something.
 		await expect( page ).toClick( '#test_tinymce_id-html' );
 		await page.type( '#test_tinymce_id', 'Typing in a metabox' );
 		await page.click( '#test_tinymce_id-tmce' );

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

@@ -3,7 +3,7 @@
 exports[`Block Grouping Group creation creates a group from multiple blocks of different types via block transforms 1`] = `
 "<!-- wp:group -->
 <div class=\\"wp-block-group\\"><!-- wp:heading -->
-<h2 id=\\"group-heading\\">Group Heading</h2>
+<h2>Group Heading</h2>
 <!-- /wp:heading -->
 
 <!-- wp:image -->
@@ -51,7 +51,7 @@ exports[`Block Grouping Group creation creates a group from multiple blocks of t
 exports[`Block Grouping Group creation groups and ungroups multiple blocks of different types via options toolbar 1`] = `
 "<!-- wp:group -->
 <div class=\\"wp-block-group\\"><!-- wp:heading -->
-<h2 id=\\"group-heading\\">Group Heading</h2>
+<h2>Group Heading</h2>
 <!-- /wp:heading -->
 
 <!-- wp:image -->
@@ -66,7 +66,7 @@ exports[`Block Grouping Group creation groups and ungroups multiple blocks of di
 
 exports[`Block Grouping Group creation groups and ungroups multiple blocks of different types via options toolbar 2`] = `
 "<!-- wp:heading -->
-<h2 id=\\"group-heading\\">Group Heading</h2>
+<h2>Group Heading</h2>
 <!-- /wp:heading -->
 
 <!-- wp:image -->
@@ -81,7 +81,7 @@ exports[`Block Grouping Group creation groups and ungroups multiple blocks of di
 exports[`Block Grouping Preserving selected blocks attributes preserves width alignment settings of selected blocks 1`] = `
 "<!-- wp:group {\\"align\\":\\"full\\"} -->
 <div class=\\"wp-block-group alignfull\\"><!-- wp:heading -->
-<h2 id=\\"group-heading\\">Group Heading</h2>
+<h2>Group Heading</h2>
 <!-- /wp:heading -->
 
 <!-- wp:image {\\"align\\":\\"full\\"} -->

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

@@ -71,7 +71,7 @@ exports[`Inserting blocks inserts a block in proper place after having clicked \
 <!-- /wp:paragraph -->
 
 <!-- wp:heading -->
-<h2 id=\\"heading\\">Heading</h2>
+<h2>Heading</h2>
 <!-- /wp:heading -->
 
 <!-- wp:paragraph -->
@@ -93,7 +93,7 @@ exports[`Inserting blocks inserts a block in proper place after having clicked \
 <!-- /wp:cover -->
 
 <!-- wp:heading -->
-<h2 id=\\"heading\\">Heading</h2>
+<h2>Heading</h2>
 <!-- /wp:heading -->
 
 <!-- wp:paragraph -->

package/specs/editor/various/__snapshots__/keep-styles-on-block-transforms.test.js.snap

@@ -14,15 +14,15 @@ exports[`Keep styles on block transforms Should keep the font size during a tran
 
 exports[`Keep styles on block transforms Should keep the font size during a transform from multiple blocks into multiple blocks 1`] = `
 "<!-- wp:heading {\\"fontSize\\":\\"large\\"} -->
-<h2 class=\\"has-large-font-size\\" id=\\"line-1-to-be-made-large\\">Line 1 to be made large</h2>
+<h2 class=\\"has-large-font-size\\">Line 1 to be made large</h2>
 <!-- /wp:heading -->
 
 <!-- wp:heading {\\"fontSize\\":\\"large\\"} -->
-<h2 class=\\"has-large-font-size\\" id=\\"line-2-to-be-made-large\\">Line 2 to be made large</h2>
+<h2 class=\\"has-large-font-size\\">Line 2 to be made large</h2>
 <!-- /wp:heading -->
 
 <!-- wp:heading {\\"fontSize\\":\\"large\\"} -->
-<h2 class=\\"has-large-font-size\\" id=\\"line-3-to-be-made-large\\">Line 3 to be made large</h2>
+<h2 class=\\"has-large-font-size\\">Line 3 to be made large</h2>
 <!-- /wp:heading -->"
 `;
 

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

@@ -77,7 +77,7 @@ describe( 'autosave', () => {
 
 	it( 'should save to sessionStorage', async () => {
 		// Wait for the original timeout to kick in, it will schedule
-		// another run using the updated interval length of AUTOSAVE_INTERVAL_SECONDS
+		// another run using the updated interval length of AUTOSAVE_INTERVAL_SECONDS.
 		await sleep( 15 );
 
 		await clickBlockAppender();
@@ -86,7 +86,7 @@ describe( 'autosave', () => {
 		await sleep( 1 );
 		await page.keyboard.type( ' after save' );
 
-		// Wait long enough for local autosave to kick in
+		// Wait long enough for local autosave to kick in.
 		await sleep( AUTOSAVE_INTERVAL_SECONDS + 1 );
 
 		const id = await getCurrentPostId();
@@ -101,11 +101,11 @@ describe( 'autosave', () => {
 		await saveDraftWithKeyboard();
 		await page.keyboard.type( ' after save' );
 
-		// Trigger local autosave
+		// Trigger local autosave.
 		await page.evaluate( () =>
 			window.wp.data.dispatch( 'core/editor' ).autosave( { local: true } )
 		);
-		// Reload without saving on the server
+		// Reload without saving on the server.
 		await page.reload();
 		await page.waitForSelector( '.edit-post-layout' );
 
@@ -129,7 +129,7 @@ describe( 'autosave', () => {
 		await page.keyboard.type( 'before save' );
 		await saveDraft();
 
-		// Fake local autosave
+		// Fake local autosave.
 		await page.evaluate(
 			( postId ) =>
 				window.sessionStorage.setItem(
@@ -161,13 +161,13 @@ describe( 'autosave', () => {
 	} );
 
 	it( 'should clear local autosave after successful remote autosave', async () => {
-		// Edit, save draft, edit again
+		// Edit, save draft, edit again.
 		await clickBlockAppender();
 		await page.keyboard.type( 'before save' );
 		await saveDraftWithKeyboard();
 		await page.keyboard.type( ' after save' );
 
-		// Trigger local autosave
+		// Trigger local autosave.
 		await page.evaluate( () =>
 			window.wp.data.dispatch( 'core/editor' ).autosave( { local: true } )
 		);
@@ -175,7 +175,7 @@ describe( 'autosave', () => {
 			await page.evaluate( () => window.sessionStorage.length )
 		).toBeGreaterThanOrEqual( 1 );
 
-		// Trigger remote autosave
+		// Trigger remote autosave.
 		await page.evaluate( () =>
 			window.wp.data.dispatch( 'core/editor' ).autosave()
 		);
@@ -185,13 +185,13 @@ describe( 'autosave', () => {
 	} );
 
 	it( "shouldn't clear local autosave if remote autosave fails", async () => {
-		// Edit, save draft, edit again
+		// Edit, save draft, edit again.
 		await clickBlockAppender();
 		await page.keyboard.type( 'before save' );
 		await saveDraftWithKeyboard();
 		await page.keyboard.type( ' after save' );
 
-		// Trigger local autosave
+		// Trigger local autosave.
 		await page.evaluate( () =>
 			window.wp.data.dispatch( 'core/editor' ).autosave( { local: true } )
 		);
@@ -199,7 +199,7 @@ describe( 'autosave', () => {
 			await page.evaluate( () => window.sessionStorage.length )
 		).toBe( 1 );
 
-		// Bring network down and attempt to autosave remotely
+		// Bring network down and attempt to autosave remotely.
 		toggleOfflineMode( true );
 		await page.evaluate( () =>
 			window.wp.data.dispatch( 'core/editor' ).autosave()
@@ -210,13 +210,13 @@ describe( 'autosave', () => {
 	} );
 
 	it( 'should clear local autosave after successful save', async () => {
-		// Edit, save draft, edit again
+		// Edit, save draft, edit again.
 		await clickBlockAppender();
 		await page.keyboard.type( 'before save' );
 		await saveDraftWithKeyboard();
 		await page.keyboard.type( ' after save' );
 
-		// Trigger local autosave
+		// Trigger local autosave.
 		await page.evaluate( () =>
 			window.wp.data.dispatch( 'core/editor' ).autosave( { local: true } )
 		);
@@ -231,13 +231,13 @@ describe( 'autosave', () => {
 	} );
 
 	it( "shouldn't clear local autosave if save fails", async () => {
-		// Edit, save draft, edit again
+		// Edit, save draft, edit again.
 		await clickBlockAppender();
 		await page.keyboard.type( 'before save' );
 		await saveDraftWithKeyboard();
 		await page.keyboard.type( ' after save' );
 
-		// Trigger local autosave
+		// Trigger local autosave.
 		await page.evaluate( () =>
 			window.wp.data.dispatch( 'core/editor' ).autosave( { local: true } )
 		);
@@ -245,7 +245,7 @@ describe( 'autosave', () => {
 			await page.evaluate( () => window.sessionStorage.length )
 		).toBeGreaterThanOrEqual( 1 );
 
-		// Bring network down and attempt to save
+		// Bring network down and attempt to save.
 		toggleOfflineMode( true );
 		saveDraftWithKeyboard();
 		expect(
@@ -261,12 +261,12 @@ describe( 'autosave', () => {
 		await page.click( '[data-type="core/paragraph"]' );
 		await page.keyboard.type( ' after publish' );
 
-		// Trigger remote autosave
+		// Trigger remote autosave.
 		await page.evaluate( () =>
 			window.wp.data.dispatch( 'core/editor' ).autosave()
 		);
 
-		// Force conflicting local autosave
+		// Force conflicting local autosave.
 		await page.evaluate( () =>
 			window.wp.data.dispatch( 'core/editor' ).autosave( { local: true } )
 		);
@@ -307,7 +307,7 @@ describe( 'autosave', () => {
 		await page.keyboard.type( 'before save' );
 		await saveDraft();
 
-		// Fake local autosave
+		// Fake local autosave.
 		await page.evaluate(
 			( postId ) =>
 				window.sessionStorage.setItem(

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

@@ -15,7 +15,7 @@ import {
 const addThreeParagraphsToNewPost = async () => {
 	await createNewPost();
 
-	// Add demo content
+	// Add demo content.
 	await clickBlockAppender();
 	await page.keyboard.type( 'First paragraph' );
 	await page.keyboard.press( 'Enter' );
@@ -40,7 +40,7 @@ const clickOnBlockSettingsMenuRemoveBlockButton = async () => {
 		( btns ) => btns.length
 	);
 
-	// Limit by the number of buttons available
+	// Limit by the number of buttons available.
 	while ( --numButtons ) {
 		await page.keyboard.press( 'Tab' );
 
@@ -50,14 +50,14 @@ const clickOnBlockSettingsMenuRemoveBlockButton = async () => {
 			);
 		} );
 
-		// Stop looping once we find the button
+		// Stop looping once we find the button.
 		if ( isRemoveButton ) {
 			await pressKeyTimes( 'Enter', 1 );
 			break;
 		}
 	}
 
-	// Makes failures more explicit
+	// Makes failures more explicit.
 	await expect( isRemoveButton ).toBe( true );
 };
 
@@ -66,7 +66,7 @@ describe( 'block deletion -', () => {
 
 	describe( 'deleting the third block using the Remove Block menu item', () => {
 		it( 'results in two remaining blocks and positions the caret at the end of the second block', async () => {
-			// The blocks can't be empty to trigger the toolbar
+			// The blocks can't be empty to trigger the toolbar.
 			await page.keyboard.type( 'Paragraph to remove' );
 			await clickOnBlockSettingsMenuRemoveBlockButton();
 

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

@@ -39,13 +39,13 @@ async function insertBlocksOfMultipleTypes() {
 
 describe( 'Block Grouping', () => {
 	beforeEach( async () => {
-		// Posts are auto-removed at the end of each test run
+		// Posts are auto-removed at the end of each test run.
 		await createNewPost();
 	} );
 
 	describe( 'Group creation', () => {
 		it( 'creates a group from multiple blocks of the same type via block transforms', async () => {
-			// Creating test blocks
+			// Creating test blocks.
 			await insertBlocksOfSameType();
 
 			// Multiselect via keyboard.
@@ -58,7 +58,7 @@ describe( 'Block Grouping', () => {
 		} );
 
 		it( 'creates a group from multiple blocks of different types via block transforms', async () => {
-			// Creating test blocks
+			// Creating test blocks.
 			await insertBlocksOfMultipleTypes();
 
 			// Multiselect via keyboard.
@@ -71,7 +71,7 @@ describe( 'Block Grouping', () => {
 		} );
 
 		it( 'creates a group from multiple blocks of the same type via options toolbar', async () => {
-			// Creating test blocks
+			// Creating test blocks.
 			await insertBlocksOfSameType();
 
 			// Multiselect via keyboard.
@@ -85,18 +85,18 @@ describe( 'Block Grouping', () => {
 		} );
 
 		it( 'groups and ungroups multiple blocks of different types via options toolbar', async () => {
-			// Creating test blocks
+			// Creating test blocks.
 			await insertBlocksOfMultipleTypes();
 			await pressKeyWithModifier( 'primary', 'a' );
 			await pressKeyWithModifier( 'primary', 'a' );
 
-			// Group
+			// Group.
 			await clickBlockToolbarButton( 'Options' );
 			await clickMenuItem( 'Group' );
 
 			expect( await getEditedPostContent() ).toMatchSnapshot();
 
-			// UnGroup
+			// UnGroup.
 			await clickBlockToolbarButton( 'Options' );
 			await clickMenuItem( 'Ungroup' );
 
@@ -140,24 +140,41 @@ describe( 'Block Grouping', () => {
 			// Make sure the paragraph in reusable block exists.
 			expect( await getParagraphText() ).toEqual( paragraphText );
 		} );
+		it( 'should group another Group block via options toolbar', async () => {
+			await insertBlock( 'Paragraph' );
+			await page.keyboard.type( '1' );
+			await clickBlockToolbarButton( 'Options' );
+			await clickMenuItem( 'Group' );
+			await clickBlockToolbarButton( 'Options' );
+			await clickMenuItem( 'Group' );
+			expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
+			"<!-- wp:group -->
+			<div class=\\"wp-block-group\\"><!-- wp:group -->
+			<div class=\\"wp-block-group\\"><!-- wp:paragraph -->
+			<p>1</p>
+			<!-- /wp:paragraph --></div>
+			<!-- /wp:group --></div>
+			<!-- /wp:group -->"
+		` );
+		} );
 	} );
 
 	describe( 'Grouping Block availability', () => {
 		beforeEach( async () => {
-			// Disable the Group block
+			// Disable the Group block.
 			await page.evaluate( () => {
 				const { dispatch } = wp.data;
 				dispatch( 'core/edit-post' ).hideBlockTypes( [ 'core/group' ] );
 			} );
 
-			// Create a Group
+			// Create a Group.
 			await insertBlocksOfMultipleTypes();
 			await pressKeyWithModifier( 'primary', 'a' );
 			await pressKeyWithModifier( 'primary', 'a' );
 		} );
 
 		afterAll( async () => {
-			// Re-enable the Group block
+			// Re-enable the Group block.
 			await page.evaluate( () => {
 				const { dispatch } = wp.data;
 				dispatch( 'core/edit-post' ).showBlockTypes( [ 'core/group' ] );
@@ -239,14 +256,14 @@ describe( 'Block Grouping', () => {
 		} );
 
 		it( 'should use registered grouping block for grouping interactions', async () => {
-			// Set custom Block as the Block to use for Grouping
+			// Set custom Block as the Block to use for Grouping.
 			await page.evaluate( () => {
 				window.wp.blocks.setGroupingBlockName(
 					'test/alternative-group-block'
 				);
 			} );
 
-			// Creating test blocks
+			// Creating test blocks.
 			await insertBlocksOfSameType();
 
 			// Multiselect via keyboard.

package/specs/editor/various/block-hierarchy-navigation.test.js

@@ -129,7 +129,7 @@ describe( 'Navigating the block hierarchy', () => {
 		await page.keyboard.press( 'Enter' );
 		await page.waitForSelector( '.is-selected[data-type="core/column"]' );
 
-		// Insert text in the last column block
+		// Insert text in the last column block.
 		await page.keyboard.press( 'ArrowDown' ); // Navigate to inserter.
 		await page.keyboard.press( 'Enter' ); // Activate inserter.
 		await page.keyboard.type( 'Paragraph' );
@@ -165,7 +165,7 @@ describe( 'Navigating the block hierarchy', () => {
 	} );
 
 	it( 'should select the wrapper div for a group', async () => {
-		// Insert a group block
+		// Insert a group block.
 		await insertBlock( 'Group' );
 
 		// Insert some random blocks.
@@ -178,13 +178,13 @@ describe( 'Navigating the block hierarchy', () => {
 		await page.keyboard.type( 'just a paragraph' );
 		await insertBlock( 'Separator' );
 
-		// Check the Group block content
+		// Check the Group block content.
 		expect( await getEditedPostContent() ).toMatchSnapshot();
 
-		// Unselect the blocks
+		// Unselect the blocks.
 		await page.click( '.editor-post-title' );
 
-		// Try selecting the group block using the Outline
+		// Try selecting the group block using the Outline.
 		await page.click( '.edit-post-header-toolbar__list-view-toggle' );
 		const groupMenuItem = (
 			await page.$x(

package/specs/editor/various/change-detection.test.js

@@ -320,13 +320,13 @@ describe( 'Change detection', () => {
 		await clickBlockAppender();
 		await page.keyboard.type( 'Paragraph' );
 
-		// Save
+		// Save.
 		await saveDraft();
 
 		// Verify that the title is empty.
 		const title = await page.$eval(
 			'.editor-post-title__input',
-			// Trim padding non-breaking space
+			// Trim padding non-breaking space.
 			( element ) => element.textContent.trim()
 		);
 		expect( title ).toBe( '' );
@@ -339,7 +339,7 @@ describe( 'Change detection', () => {
 		// Enter title.
 		await page.type( '.editor-post-title__input', 'Hello World' );
 
-		// Save
+		// Save.
 		await saveDraft();
 		const postId = await page.evaluate( () =>
 			window.wp.data.select( 'core/editor' ).getCurrentPostId()

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 the content doesn't contain <p> tags.
 		await page.waitForSelector( '.entry-content' );
 		const content = await page.$eval( '.entry-content', ( element ) =>
 			element.innerHTML.trim()