From d7c715149a703aceb228404cebf039f8b56392d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9s?= <andres.maneiro@automattic.com>
Date: Wed, 19 Sep 2018 11:11:24 +0200
Subject: [PATCH] Use specific selector to target pre-publish checks menu item

---
 edit-post/components/header/publish-sidebar-toggle/index.js | 1 +
 test/e2e/support/utils.js                                   | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/edit-post/components/header/publish-sidebar-toggle/index.js b/edit-post/components/header/publish-sidebar-toggle/index.js
index 49b3c36ab8356f..b3949ec866b954 100644
--- 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
index 7814ac13251259..15a4d7bcf47686 100644
--- 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( ) {