@wordpress/e2e-tests 3.0.7 → 3.0.8

package/specs/editor/various/post-editor-template-mode.test.js

@@ -6,11 +6,12 @@ import {
 	createNewPost,
 	insertBlock,
 	saveDraft,
-	trashAllPosts,
 	openPreviewPage,
 	openDocumentSettingsSidebar,
 	activatePlugin,
 	deactivatePlugin,
+	deleteAllTemplates,
+	setBrowserViewport,
 } from '@wordpress/e2e-test-utils';
 
 const openSidebarPanelWithTitle = async ( title ) => {
@@ -56,7 +57,7 @@ const switchToTemplateMode = async () => {
 
 	// Check that we switched properly to edit mode.
 	await page.waitForXPath(
-		'//*[contains(@class, "components-snackbar")]/*[text()="Editing template. Changes made here affect all posts and pages that use the template."]'
+		'//*[text()="Editing template. Changes made here affect all posts and pages that use the template."]'
 	);
 	const title = await page.$eval(
 		'.edit-post-template-top-area',
@@ -92,8 +93,8 @@ const createNewTemplate = async ( templateName ) => {
 describe( 'Post Editor Template mode', () => {
 	beforeAll( async () => {
 		await activatePlugin( 'gutenberg-test-block-templates' );
-		await trashAllPosts( 'wp_template' );
-		await trashAllPosts( 'wp_template_part' );
+		await deleteAllTemplates( 'wp_template' );
+		await deleteAllTemplates( 'wp_template_part' );
 	} );
 
 	afterAll( async () => {
@@ -119,7 +120,6 @@ describe( 'Post Editor Template mode', () => {
 		// there's a template resolution bug forcing us to do so.
 		await saveDraft();
 		await page.reload();
-
 		await switchToTemplateMode();
 
 		// Edit the template
@@ -197,3 +197,180 @@ describe( 'Post Editor Template mode', () => {
 		expect( content ).toMatchSnapshot();
 	} );
 } );
+
+describe( 'Delete Post Template Confirmation Dialog', () => {
+	beforeAll( async () => {
+		await activatePlugin( 'gutenberg-test-block-templates' );
+		await deleteAllTemplates( 'wp_template' );
+		await deleteAllTemplates( 'wp_template_part' );
+		await activateTheme( 'twentytwentyone' );
+		await createNewPost();
+		// Create a random post.
+		await page.type( '.editor-post-title__input', 'Just an FSE Post' );
+		await page.keyboard.press( 'Enter' );
+		await page.keyboard.type( 'Hello World' );
+
+		// Save the post
+		// Saving shouldn't be necessary but unfortunately,
+		// there's a template resolution bug forcing us to do so.
+		await saveDraft();
+		await page.reload();
+		// Unselect the blocks.
+		await page.evaluate( () => {
+			wp.data.dispatch( 'core/block-editor' ).clearSelectedBlock();
+		} );
+	} );
+
+	afterAll( async () => {
+		await activateTheme( 'twentytwentyone' );
+		await deactivatePlugin( 'gutenberg-test-block-templates' );
+	} );
+
+	[ 'large', 'small' ].forEach( ( viewport ) => {
+		it( `should retain template if deletion is canceled when the viewport is ${ viewport }`, async () => {
+			await setBrowserViewport( viewport );
+
+			const isWelcomeGuideActive = await page.evaluate( () =>
+				wp.data
+					.select( 'core/edit-post' )
+					.isFeatureActive( 'welcomeGuide' )
+			);
+			if ( isWelcomeGuideActive === true ) {
+				await page.evaluate( () =>
+					wp.data
+						.dispatch( 'core/edit-post' )
+						.toggleFeature( 'welcomeGuide' )
+				);
+				await page.reload();
+				await page.waitForSelector( '.edit-post-layout' );
+			}
+			if ( viewport === 'small' ) {
+				await page.waitForXPath( '//button[@aria-label="Settings"]' );
+				await openDocumentSettingsSidebar();
+			}
+			const templateTitle = `${ viewport } Viewport Deletion Test`;
+
+			await createNewTemplate( templateTitle );
+			// Edit the template
+			if ( viewport === 'small' ) {
+				await page.waitForXPath( `//h2[text()="${ templateTitle }"]` );
+				const closeDocumentSettingsButton = await page.waitForXPath(
+					'//button[@aria-label="Close settings"]'
+				);
+				await closeDocumentSettingsButton.click();
+			}
+			await insertBlock( 'Paragraph' );
+			await page.keyboard.type(
+				'Just a random paragraph added to the template'
+			);
+
+			// Save changes
+			const publishButton = await page.waitForXPath(
+				`//button[contains(text(), 'Publish')]`
+			);
+			await publishButton.click();
+			const saveButton = await page.waitForXPath(
+				`//div[contains(@class, "entities-saved-states__panel-header")]/button[contains(text(), 'Save')]`
+			);
+			await saveButton.click();
+			// Avoid publishing the post
+			// Select the cancel button via parent div's class, because the text `Cancel` is used on another button as well
+			const cancelButton = await page.waitForXPath(
+				`//div[contains(@class,"editor-post-publish-panel__header-cancel-button")]/button[not(@disabled)]`
+			);
+			await cancelButton.click();
+
+			const templateDropdown = await page.waitForXPath(
+				`//button[contains(text(), '${ templateTitle }')]`
+			);
+			await templateDropdown.click();
+			const deleteTemplateButton = await page.waitForXPath(
+				'//button[@role="menuitem"][@aria-label="Delete template"]'
+			);
+			await deleteTemplateButton.click();
+
+			await page.waitForXPath(
+				`//*[text()="Are you sure you want to delete the ${ templateTitle } template? It may be used by other pages or posts."]`
+			);
+			const dialogCancelButton = await page.waitForXPath(
+				'//*[@role="dialog"][not(@id="wp-link-wrap")]//button[text()="Cancel"]'
+			);
+			await dialogCancelButton.click();
+
+			const exitTemplateModeButton = await page.waitForXPath(
+				'//button[text()="Back"]'
+			);
+			await exitTemplateModeButton.click();
+
+			await page.waitForXPath(
+				'//button[@aria-label="Settings"][@aria-expanded="false"]'
+			);
+			await openDocumentSettingsSidebar();
+
+			const element = await page.waitForXPath(
+				'//h2/button[contains(text(), "Template")]/../..//select'
+			);
+			const value = await element.getProperty( 'value' );
+			const currentTemplateSlug = await value.jsonValue();
+
+			expect( currentTemplateSlug ).toBe(
+				`wp-custom-template-${ viewport }-viewport-deletion-test`
+			);
+		} );
+
+		it( `should delete template if deletion is confirmed when the viewport is ${ viewport }`, async () => {
+			const templateTitle = `${ viewport } Viewport Deletion Test`;
+
+			await setBrowserViewport( viewport );
+
+			await switchToTemplateMode();
+			if ( viewport === 'small' ) {
+				const closeDocumentSettingsButton = await page.waitForXPath(
+					'//div[contains(@class,"interface-complementary-area-header__small")]/button[@aria-label="Close settings"]'
+				);
+				await closeDocumentSettingsButton.click();
+			}
+
+			const templateDropdown = await page.waitForXPath(
+				`//button[contains(text(), '${ templateTitle }')]`
+			);
+			await templateDropdown.click();
+
+			const deleteTemplateButton = await page.waitForXPath(
+				'//button[@role="menuitem"][@aria-label="Delete template"]'
+			);
+			await deleteTemplateButton.click();
+
+			await page.waitForXPath(
+				`//*[text()="Are you sure you want to delete the ${ templateTitle } template? It may be used by other pages or posts."]`
+			);
+			const dialogConfirmButton = await page.waitForXPath(
+				'//*[@role="dialog"][not(@id="wp-link-wrap")]//button[text()="OK"]'
+			);
+
+			await dialogConfirmButton.click();
+
+			// Saving isn't technically necessary, but for themes without any specified templates,
+			// the removal of the Templates dropdown is delayed. A save and reload allows for this
+			// delay and prevents flakiness
+			await saveDraft();
+			await page.reload();
+
+			const optionElementHandlers = await page.$x(
+				'//h2/button[contains(text(), "Template")]/../..//select/option'
+			);
+			const availableTemplates = [];
+			for ( const elem of optionElementHandlers ) {
+				const elemName = await elem.getProperty( 'textContent' );
+				const templateName = await elemName.jsonValue();
+				availableTemplates.push( templateName );
+			}
+
+			expect(
+				availableTemplates.includes(
+					`${ viewport } Viewport Deletion Test`
+				)
+			).toBe( false );
+		} );
+	} );
+} );

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

@@ -96,7 +96,7 @@ describe( 'Post visibility', () => {
 		);
 		await (
 			await page.$x(
-				'//td[contains(concat(" ", @class, " "), " CalendarDay ")]/div[contains(concat(" ", @class, " "), " components-datetime__date__day ")][text() = "15"]'
+				'//*[@role="application"][@aria-label="Calendar"]//td[@role="button"]/*[text() = "15"]'
 			)
 		 )[ 0 ].click();
 

package/specs/editor/various/switch-to-draft.test.js

@@ -0,0 +1,254 @@
+/**
+ * WordPress dependencies
+ */
+import {
+	createNewPost,
+	openDocumentSettingsSidebar,
+	publishPost,
+	setBrowserViewport,
+	trashAllPosts,
+} from '@wordpress/e2e-test-utils';
+
+async function prepTestPost( postType, viewport ) {
+	// Create a post
+	await createNewPost( { postType } );
+
+	await page.type(
+		'.editor-post-title__input',
+		`Switch scheduled ${ postType } to draft`
+	);
+	await page.keyboard.press( 'Enter' );
+	await page.keyboard.type(
+		`This will be a scheduled ${ postType } edited in a ${ viewport } viewport`
+	);
+
+	// Unselect the blocks.
+	await page.evaluate( () => {
+		wp.data.dispatch( 'core/block-editor' ).clearSelectedBlock();
+	} );
+}
+
+async function publishTestPost( postType, viewport ) {
+	// Create a post
+	await prepTestPost( postType, viewport );
+
+	// Publish the post
+	await publishPost();
+
+	const publishedSnackBar = await page.waitForXPath(
+		`//*[@aria-label="Dismiss this notice"][@role="button"]/div[contains(text(),"published")]`
+	);
+
+	const snackBarText = await (
+		await publishedSnackBar.getProperty( 'textContent' )
+	 ).jsonValue();
+
+	expect( snackBarText.toLowerCase() ).toBe(
+		`${ postType } published.view ${ postType }`
+	);
+
+	const closePublishingPanel = await page.waitForXPath(
+		'//button[@aria-label="Close panel"]'
+	);
+	await closePublishingPanel.click();
+}
+
+async function scheduleTestPost( postType, viewport ) {
+	// Create a post
+	await prepTestPost( postType, viewport );
+
+	if ( viewport === 'small' ) {
+		await openDocumentSettingsSidebar();
+	}
+	// Set a publish date for the next month.
+	await page.click( '.edit-post-post-schedule__toggle' );
+	await page.click(
+		'div[aria-label="Move forward to switch to the next month."]'
+	);
+
+	await (
+		await page.$x( '//td[@role="button"]/*[text() = "15"]' )
+	 )[ 0 ].click();
+
+	await page.click( '.edit-post-post-schedule__toggle' );
+
+	if ( viewport === 'small' ) {
+		const closeDocumentSettingsButton = await page.waitForXPath(
+			'//div[@aria-label="Editor settings"]//button[@aria-label="Close settings"]'
+		);
+		await closeDocumentSettingsButton.click();
+	}
+
+	// Important: target an ellipsis (…) and not three dots (...)
+	const scheduleButton = await page.waitForXPath(
+		'//button[text()="Schedule…"]'
+	);
+	await scheduleButton.click();
+	const secondScheduleButton = await page.waitForXPath(
+		'//button[text()="Schedule"]'
+	);
+	await secondScheduleButton.click();
+
+	const closePublishingPanel = await page.waitForXPath(
+		'//button[@aria-label="Close panel"]'
+	);
+	await closePublishingPanel.click();
+}
+
+async function verifyRevertToDraft( postType ) {
+	const revertedSnackBar = await page.waitForXPath(
+		`//*[@aria-label="Dismiss this notice"][@role="button"]/div[contains(text(),"reverted")]`
+	);
+
+	const revertedSnackBarText = await (
+		await revertedSnackBar.getProperty( 'textContent' )
+	 ).jsonValue();
+
+	expect( revertedSnackBarText.toLowerCase() ).toBe(
+		`${ postType } reverted to draft.`
+	);
+}
+
+describe( 'Clicking "Switch to draft" on a published post/page', () => {
+	beforeAll( async () => {
+		await trashAllPosts( 'post' );
+		await trashAllPosts( 'page' );
+	} );
+	afterEach( async () => {
+		await setBrowserViewport( 'large' );
+	} );
+
+	[ 'large', 'small' ].forEach( ( viewport ) => {
+		describe( `in a ${ viewport } viewport`, () => {
+			[ 'post', 'page' ].forEach( ( postType ) => {
+				const buttonText =
+					viewport === 'large' ? 'Switch to draft' : 'Draft';
+				beforeEach( async () => {
+					await setBrowserViewport( viewport );
+				} );
+
+				it( `should leave a published ${ postType } published if canceled`, async () => {
+					publishTestPost( postType, viewport );
+
+					const switchToDraftButton = await page.waitForXPath(
+						`//button[contains(text(), "${ buttonText }")]`
+					);
+					await switchToDraftButton.click();
+
+					// Process the ConfirmDialog
+					await page.waitForXPath(
+						'//*[text()="Are you sure you want to unpublish this post?"]'
+					);
+					const [ cancelButton ] = await page.$x(
+						'//*[@role="dialog"][not(@id="wp-link-wrap")]//button[text()="Cancel"]'
+					);
+					await cancelButton.click();
+
+					const postStatus = await page.evaluate( () => {
+						return wp.data
+							.select( 'core/editor' )
+							.getEditedPostAttribute( 'status' );
+					} );
+					expect( postStatus ).toBe( 'publish' );
+				} );
+				it( `should revert a published ${ postType } to a draft if confirmed`, async () => {
+					// Switch to draft
+					const switchToDraftButton = await page.waitForXPath(
+						`//button[contains(text(), "${ buttonText }")]`
+					);
+					await switchToDraftButton.click();
+
+					// Process the ConfirmDialog
+					await page.waitForXPath(
+						'//*[text()="Are you sure you want to unpublish this post?"]'
+					);
+					const [ confirmButton ] = await page.$x(
+						'//*[@role="dialog"]//button[text()="OK"]'
+					);
+					await confirmButton.click();
+
+					await verifyRevertToDraft( postType );
+
+					const postStatus = await page.evaluate( () => {
+						return wp.data
+							.select( 'core/editor' )
+							.getEditedPostAttribute( 'status' );
+					} );
+					expect( postStatus ).toBe( 'draft' );
+				} );
+			} );
+		} );
+	} );
+} );
+describe( 'Clicking "Switch to draft" on a scheduled post/page', () => {
+	beforeAll( async () => {
+		await trashAllPosts( 'post' );
+		await trashAllPosts( 'page' );
+	} );
+	afterEach( async () => {
+		await setBrowserViewport( 'large' );
+	} );
+
+	[ 'large', 'small' ].forEach( ( viewport ) => {
+		describe( `in a ${ viewport } viewport`, () => {
+			[ 'post', 'page' ].forEach( ( postType ) => {
+				const buttonText =
+					viewport === 'large' ? 'Switch to draft' : 'Draft';
+				beforeEach( async () => {
+					await setBrowserViewport( viewport );
+				} );
+
+				it( `should leave a scheduled ${ postType } scheduled if canceled`, async () => {
+					scheduleTestPost( postType, viewport );
+
+					const switchToDraftButton = await page.waitForXPath(
+						`//button[contains(text(), "${ buttonText }")]`
+					);
+					await switchToDraftButton.click();
+
+					// Process the ConfirmDialog
+					await page.waitForXPath(
+						'//*[text()="Are you sure you want to unschedule this post?"]'
+					);
+					const [ cancelButton ] = await page.$x(
+						'//*[@role="dialog"][not(@id="wp-link-wrap")]//button[text()="Cancel"]'
+					);
+					await cancelButton.click();
+
+					// Confirm post is still scheduled
+					const postStatus = await page.evaluate( () => {
+						return wp.data
+							.select( 'core/editor' )
+							.getEditedPostAttribute( 'status' );
+					} );
+					expect( postStatus ).toBe( 'future' );
+				} );
+				it( `should revert a scheduled ${ postType } to a draft if confirmed`, async () => {
+					// Switch to draft
+					const switchToDraftButton = await page.waitForXPath(
+						`//button[contains(text(), "${ buttonText }")]`
+					);
+					await switchToDraftButton.click();
+
+					// Process the ConfirmDialog
+					await page.waitForXPath(
+						'//*[text()="Are you sure you want to unschedule this post?"]'
+					);
+					const [ confirmButton ] = await page.$x(
+						'//*[@role="dialog"]//button[text()="OK"]'
+					);
+					await confirmButton.click();
+
+					await verifyRevertToDraft( postType );
+
+					const postStatus = await page.evaluate( () => {
+						return wp.data
+							.select( 'core/editor' )
+							.getEditedPostAttribute( 'status' );
+					} );
+					expect( postStatus ).toBe( 'draft' );
+				} );
+			} );
+		} );
+	} );
+} );

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

@@ -437,6 +437,44 @@ describe( 'Writing Flow', () => {
 		expect( await getEditedPostContent() ).toMatchSnapshot();
 	} );
 
+	it( 'should merge and then split paragraphs', async () => {
+		await page.keyboard.press( 'Enter' );
+		await page.keyboard.type( 'abc' );
+		await page.keyboard.press( 'Enter' );
+		await page.keyboard.type( '123' );
+		await page.keyboard.press( 'ArrowUp' );
+		await page.keyboard.press( 'Delete' );
+		await page.keyboard.press( 'Enter' );
+
+		expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
+		"<!-- wp:paragraph -->
+		<p>abc</p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:paragraph -->
+		<p>123</p>
+		<!-- /wp:paragraph -->"
+	` );
+	} );
+
+	it( 'should merge and then soft line break', 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' );
+		await page.keyboard.press( 'Delete' );
+		await page.keyboard.down( 'Shift' );
+		await page.keyboard.press( 'Enter' );
+		await page.keyboard.up( 'Shift' );
+
+		expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
+		"<!-- wp:paragraph -->
+		<p>1<br>2</p>
+		<!-- /wp:paragraph -->"
+	` );
+	} );
+
 	it( 'should merge forwards', async () => {
 		await page.keyboard.press( 'Enter' );
 		await page.keyboard.type( '1' );
@@ -449,6 +487,33 @@ describe( 'Writing Flow', () => {
 		expect( await getEditedPostContent() ).toMatchSnapshot();
 	} );
 
+	it( 'should merge forwards properly on multiple triggers', 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( 'Enter' );
+		await page.keyboard.type( '3' );
+		await pressKeyTimes( 'ArrowUp', 2 );
+		await pressKeyTimes( 'Delete', 2 );
+		expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
+		"<!-- wp:paragraph -->
+		<p>1</p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:paragraph -->
+		<p>3</p>
+		<!-- /wp:paragraph -->"
+	` );
+		await page.keyboard.press( 'Delete' );
+
+		expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
+		"<!-- wp:paragraph -->
+		<p>13</p>
+		<!-- /wp:paragraph -->"
+	` );
+	} );
+
 	it( 'should preserve horizontal position when navigating vertically between blocks', async () => {
 		await page.keyboard.press( 'Enter' );
 		await page.keyboard.type( 'abc' );

package/specs/performance/site-editor.test.js

@@ -8,13 +8,13 @@ import { writeFileSync } from 'fs';
  * WordPress dependencies
  */
 import {
-	trashAllPosts,
 	activateTheme,
 	canvas,
 	createNewPost,
 	visitSiteEditor,
 	saveDraft,
 	insertBlock,
+	deleteAllTemplates,
 } from '@wordpress/e2e-test-utils';
 
 /**
@@ -32,13 +32,12 @@ jest.setTimeout( 1000000 );
 describe( 'Site Editor Performance', () => {
 	beforeAll( async () => {
 		await activateTheme( 'emptytheme' );
-		await trashAllPosts( 'wp_template' );
-		await trashAllPosts( 'wp_template', 'auto-draft' );
-		await trashAllPosts( 'wp_template_part' );
+		await deleteAllTemplates( 'wp_template' );
+		await deleteAllTemplates( 'wp_template_part' );
 	} );
 	afterAll( async () => {
-		await trashAllPosts( 'wp_template' );
-		await trashAllPosts( 'wp_template_part' );
+		await deleteAllTemplates( 'wp_template' );
+		await deleteAllTemplates( 'wp_template_part' );
 		await activateTheme( 'twentytwentyone' );
 	} );
 

package/specs/site-editor/document-settings.test.js

@@ -2,7 +2,7 @@
  * WordPress dependencies
  */
 import {
-	trashAllPosts,
+	deleteAllTemplates,
 	activateTheme,
 	visitSiteEditor,
 } from '@wordpress/e2e-test-utils';
@@ -26,8 +26,8 @@ async function getDocumentSettingsSecondaryTitle() {
 describe( 'Document Settings', () => {
 	beforeAll( async () => {
 		await activateTheme( 'emptytheme' );
-		await trashAllPosts( 'wp_template' );
-		await trashAllPosts( 'wp_template_part' );
+		await deleteAllTemplates( 'wp_template' );
+		await deleteAllTemplates( 'wp_template_part' );
 	} );
 	afterAll( async () => {
 		await activateTheme( 'twentytwentyone' );

package/specs/site-editor/multi-entity-editing.test.js

@@ -5,7 +5,7 @@ import {
 	insertBlock,
 	createNewPost,
 	publishPost,
-	trashAllPosts,
+	deleteAllTemplates,
 	activateTheme,
 	canvas,
 	openDocumentSettingsSidebar,
@@ -135,8 +135,8 @@ const removeErrorMocks = () => {
 describe( 'Multi-entity editor states', () => {
 	beforeAll( async () => {
 		await activateTheme( 'emptytheme' );
-		await trashAllPosts( 'wp_template' );
-		await trashAllPosts( 'wp_template_part' );
+		await deleteAllTemplates( 'wp_template' );
+		await deleteAllTemplates( 'wp_template_part' );
 	} );
 
 	afterAll( async () => {
@@ -185,8 +185,8 @@ describe( 'Multi-entity editor states', () => {
 		const templateName = 'Custom Template';
 
 		beforeAll( async () => {
-			await trashAllPosts( 'wp_template' );
-			await trashAllPosts( 'wp_template_part' );
+			await deleteAllTemplates( 'wp_template' );
+			await deleteAllTemplates( 'wp_template_part' );
 			await createNewPost( {
 				postType: 'wp_template',
 				title: templateName,

package/specs/site-editor/multi-entity-saving.test.js

@@ -13,6 +13,7 @@ import {
 	clickButton,
 	createReusableBlock,
 	visitSiteEditor,
+	deleteAllTemplates,
 } from '@wordpress/e2e-test-utils';
 
 describe( 'Multi-entity save flow', () => {
@@ -43,8 +44,8 @@ describe( 'Multi-entity save flow', () => {
 
 	beforeAll( async () => {
 		await activateTheme( 'emptytheme' );
-		await trashAllPosts( 'wp_template' );
-		await trashAllPosts( 'wp_template_part' );
+		await deleteAllTemplates( 'wp_template' );
+		await deleteAllTemplates( 'wp_template_part' );
 		await trashAllPosts( 'wp_block' );
 
 		// Get the current Site Title and Site Tagline, so that we can reset
@@ -267,7 +268,7 @@ describe( 'Multi-entity save flow', () => {
 			// Select the header template part via list view.
 			await page.click( '.edit-site-header-toolbar__list-view-toggle' );
 			const headerTemplatePartListViewButton = await page.waitForXPath(
-				'//a[contains(@class, "block-editor-list-view-block-select-button")][contains(., "Header")]'
+				'//a[contains(@class, "block-editor-list-view-block-select-button")][contains(., "header")]'
 			);
 			headerTemplatePartListViewButton.click();
 			await page.click( 'button[aria-label="Close List View Sidebar"]' );