Use specific selector to target pre-publish checks menu item

WordPress · Sep 19, 2018 · d7c7151 · d7c7151
1 parent 6637b7e
commit d7c7151
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/edit-post/components/header/publish-sidebar-toggle/index.js b/edit-post/components/header/publish-sidebar-toggle/index.js
@@ -9,6 +9,7 @@ import { withSelect, withDispatch } from '@wordpress/data';
 const PublishSidebarToggle = function( { onToggle, isEnabled } ) {
 	return (
 		<MenuItem
+			className={ 'edit-post__pre-publish-checks' }
 			icon={ isEnabled && 'yes' }
 			isSelected={ isEnabled }
 			role="menuitemcheckbox"

diff --git a/test/e2e/support/utils.js b/test/e2e/support/utils.js
@@ -139,7 +139,7 @@ export async function newPost( { postType, enableTips = false } = {} ) {
 export async function togglePrePublishChecks( ) {
 	await page.click( '.edit-post-more-menu' );
 	await page.waitForSelector( '.components-popover__content' );
-	await page.click( '.components-popover__content > .components-menu-group:nth-child(3) button:nth-child(3)' );
+	await page.click( '.edit-post__pre-publish-checks' );
 }
 
 export async function arePrePublishChecksEnabled( ) {