@wordpress/e2e-tests 3.0.9 → 3.1.0

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/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()

package/specs/editor/various/copy-cut-paste-whole-blocks.test.js

@@ -94,14 +94,14 @@ describe( 'Copy/cut/paste of whole blocks', () => {
 	} );
 
 	it( 'should handle paste events once', async () => {
-		// Add group block with paragraph
+		// Add group block with paragraph.
 		await insertBlock( 'Group' );
 		await page.click( '.block-editor-button-block-appender' );
 		await page.click( '.editor-block-list-item-paragraph' );
 		await page.keyboard.type( 'P' );
 		await page.keyboard.press( 'ArrowLeft' );
 		await page.keyboard.press( 'ArrowLeft' );
-		// Cut group
+		// Cut group.
 		await pressKeyWithModifier( 'primary', 'x' );
 		expect( await getEditedPostContent() ).toMatchSnapshot();
 
@@ -126,10 +126,10 @@ describe( 'Copy/cut/paste of whole blocks', () => {
 			} );
 		} );
 
-		// Paste
+		// Paste.
 		await pressKeyWithModifier( 'primary', 'v' );
 
-		// Blocks should only be modified once, not twice with new clientIds on a single paste action
+		// Blocks should only be modified once, not twice with new clientIds on a single paste action.
 		const blocksUpdated = await page.evaluate(
 			() => window.e2eTestPasteOnce
 		);
@@ -139,14 +139,14 @@ describe( 'Copy/cut/paste of whole blocks', () => {
 	} );
 
 	it( 'can copy group onto non textual element (image, spacer)', async () => {
-		// Add group block with paragraph
+		// Add group block with paragraph.
 		await insertBlock( 'Group' );
 		await page.click( '.block-editor-button-block-appender' );
 		await page.click( '.editor-block-list-item-paragraph' );
 		await page.keyboard.type( 'P' );
 		await page.keyboard.press( 'ArrowLeft' );
 		await page.keyboard.press( 'ArrowLeft' );
-		// Cut group
+		// Cut group.
 		await pressKeyWithModifier( 'primary', 'x' );
 		expect( await getEditedPostContent() ).toMatchSnapshot();
 
@@ -154,7 +154,7 @@ describe( 'Copy/cut/paste of whole blocks', () => {
 
 		// Insert a non textual element (a spacer)
 		await insertBlock( 'Spacer' );
-		// Spacer is focused
+		// Spacer is focused.
 		await page.evaluate( () => {
 			window.e2eTestPasteOnce = [];
 			let oldBlocks = wp.data.select( 'core/block-editor' ).getBlocks();

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

@@ -125,7 +125,7 @@ describe.each( [ [ 'UTC-10' ], [ 'UTC' ], [ 'UTC+10' ] ] )(
 			// Open the datepicker.
 			await page.click( '.edit-post-post-schedule__toggle' );
 
-			// Clear the date
+			// Clear the date.
 			await page.click( '.components-datetime__date-reset-button' );
 
 			const publishingDate = await getPublishingDate();

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

@@ -21,7 +21,7 @@ describe( 'Duplicating blocks', () => {
 
 		// Select the test we just typed
 		// This doesn't do anything but we previously had a duplicationi bug
-		// When the selection was not collapsed
+		// When the selection was not collapsed.
 		await pressKeyWithModifier( 'primary', 'a' );
 
 		await clickBlockToolbarButton( 'Options' );
@@ -36,10 +36,10 @@ describe( 'Duplicating blocks', () => {
 
 		// Select the test we just typed
 		// This doesn't do anything but we previously had a duplicationi bug
-		// When the selection was not collapsed
+		// When the selection was not collapsed.
 		await pressKeyWithModifier( 'primary', 'a' );
 
-		// Duplicate using the keyboard shortccut
+		// Duplicate using the keyboard shortccut.
 		await pressKeyWithModifier( 'primaryShift', 'd' );
 
 		expect( await getEditedPostContent() ).toMatchSnapshot();

package/specs/editor/various/editor-modes.test.js

@@ -97,14 +97,14 @@ describe( 'Editing modes (visual/HTML)', () => {
 	} );
 
 	it( 'the code editor should unselect blocks and disable the inserter', async () => {
-		// The paragraph block should be selected
+		// The paragraph block should be selected.
 		const title = await page.$eval(
 			'.block-editor-block-card__title',
 			( element ) => element.innerText
 		);
 		expect( title ).toBe( 'Paragraph' );
 
-		// The Block inspector should be active
+		// The Block inspector should be active.
 		let blockInspectorTab = await page.$(
 			'.edit-post-sidebar__panel-tab.is-active[data-label="Block"]'
 		);
@@ -112,20 +112,20 @@ describe( 'Editing modes (visual/HTML)', () => {
 
 		await switchEditorModeTo( 'Code' );
 
-		// The Block inspector should not be active anymore
+		// The Block inspector should not be active anymore.
 		blockInspectorTab = await page.$(
 			'.edit-post-sidebar__panel-tab.is-active[data-label="Block"]'
 		);
 		expect( blockInspectorTab ).toBeNull();
 
-		// No block is selected
+		// No block is selected.
 		await page.click( '.edit-post-sidebar__panel-tab[data-label="Block"]' );
 		const noBlocksElement = await page.$(
 			'.block-editor-block-inspector__no-blocks'
 		);
 		expect( noBlocksElement ).not.toBeNull();
 
-		// The inserter is disabled
+		// The inserter is disabled.
 		const disabledInserter = await page.$(
 			'.edit-post-header-toolbar__inserter-toggle:disabled, .edit-post-header-toolbar__inserter-toggle[aria-disabled="true"]'
 		);

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

@@ -77,7 +77,7 @@ describe( 'Inserting blocks', () => {
 		).not.toBeNull();
 		await page.keyboard.type( 'Paragraph block' );
 
-		// Using the slash command
+		// Using the slash command.
 		await page.keyboard.press( 'Enter' );
 		await page.keyboard.type( '/quote' );
 		await page.waitForXPath(
@@ -105,7 +105,7 @@ describe( 'Inserting blocks', () => {
 		await page.keyboard.press( 'Backspace' );
 		expect( await getEditedPostContent() ).toMatchSnapshot();
 
-		// Using the regular inserter
+		// Using the regular inserter.
 		await insertBlock( 'Preformatted' );
 		await page.keyboard.type( 'Pre block' );
 		await page.keyboard.press( 'Enter' );
@@ -130,7 +130,7 @@ describe( 'Inserting blocks', () => {
 		await page.click( '.editor-post-title__input' );
 		await closeGlobalBlockInserter();
 
-		// Using the between inserter
+		// Using the between inserter.
 		const insertionPoint = await page.$( '[data-type="core/quote"]' );
 		const rect = await insertionPoint.boundingBox();
 		await page.mouse.move( rect.x + rect.width / 2, rect.y - 10, {
@@ -198,7 +198,7 @@ describe( 'Inserting blocks', () => {
 			'components-search-control__input'
 		);
 
-		// Tab to the block list
+		// Tab to the block list.
 		await page.keyboard.press( 'Tab' );
 
 		// Expect the block list to be the active element.
@@ -209,7 +209,7 @@ describe( 'Inserting blocks', () => {
 			'block-editor-block-types-list__item'
 		);
 
-		// Try using the up arrow key
+		// Try using the up arrow key.
 		await page.keyboard.press( 'ArrowUp' );
 
 		// Expect the block list to still be the active element.
@@ -284,7 +284,7 @@ describe( 'Inserting blocks', () => {
 		await page.keyboard.type( 'Third paragraph' );
 		expect( await getEditedPostContent() ).toMatchSnapshot();
 
-		// Using the between inserter
+		// Using the between inserter.
 		const insertionPoint = await page.$( '[data-type="core/heading"]' );
 		const rect = await insertionPoint.boundingBox();
 		await page.mouse.move( rect.x + rect.width / 2, rect.y - 10, {

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

@@ -15,13 +15,13 @@ describe( 'invalid blocks', () => {
 	} );
 
 	it( 'Should show an invalid block message with clickable options', async () => {
-		// Create an empty paragraph with the focus in the block
+		// Create an empty paragraph with the focus in the block.
 		await clickBlockAppender();
 		await page.keyboard.type( 'hello' );
 
 		await clickBlockToolbarButton( 'Options' );
 
-		// Change to HTML mode and close the options
+		// Change to HTML mode and close the options.
 		await clickMenuItem( 'Edit as HTML' );
 
 		// Focus on the textarea and enter an invalid paragraph
@@ -33,14 +33,14 @@ describe( 'invalid blocks', () => {
 		// Takes the focus away from the block so the invalid warning is triggered
 		await page.click( '.editor-post-save-draft' );
 
-		// Click on the 'three-dots' menu toggle
+		// Click on the 'three-dots' menu toggle.
 		await page.click(
 			'.block-editor-warning__actions button[aria-label="More options"]'
 		);
 
 		await clickMenuItem( 'Resolve' );
 
-		// Check we get the resolve modal with the appropriate contents
+		// Check we get the resolve modal with the appropriate contents.
 		const htmlBlockContent = await page.$eval(
 			'.block-editor-block-compare__html',
 			( node ) => node.textContent