Fix classname convention and update test

WordPress · Feb 10, 2021 · a09c34a · a09c34a
1 parent 125895d
commit a09c34a
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git a/packages/e2e-tests/specs/experiments/navigation-editor.test.js b/packages/e2e-tests/specs/experiments/navigation-editor.test.js
@@ -182,7 +182,6 @@ describe( 'Navigation editor', () => {
 		expect( await getSerializedBlocks() ).toMatchSnapshot();
 	} );
 
-	// Regressed—to be reimplemented.
 	it( 'shows a submenu when a link is selected and hides it when clicking the editor to deselect it', async () => {
 		await setUpResponseMocking( [
 			...getMenuMocks( { GET: assignMockMenuIds( menusFixture ) } ),
@@ -208,7 +207,7 @@ describe( 'Navigation editor', () => {
 		expect( submenuLinkVisible ).toBeDefined();
 
 		// Click the editor canvas.
-		await page.click( '.edit-navigation-editor__block-view' );
+		await page.click( '.edit-navigation-layout__canvas' );
 
 		// There should be a submenu in the DOM, but it should be hidden.
 		const submenuLinkHidden = await page.waitForXPath( submenuLinkXPath, {

diff --git a/packages/edit-navigation/src/components/layout/index.js b/packages/edit-navigation/src/components/layout/index.js
@@ -84,7 +84,7 @@ export default function Layout( { blockEditorSettings } ) {
 								saveBlocks={ savePost }
 							/>
 							<div
-								className="navigation-editor-canvas"
+								className="edit-navigation-layout__canvas"
 								ref={ canvasRef }
 							>
 								<Editor

diff --git a/packages/edit-navigation/src/components/layout/style.scss b/packages/edit-navigation/src/components/layout/style.scss
@@ -24,7 +24,7 @@
 .edit-navigation-layout {
 	margin-right: $sidebar-width;
 
-	.navigation-editor-canvas {
+	.edit-navigation-layout__canvas {
 		// Provide space for the floating block toolbar.
 		padding-top: $grid-unit-40 * 3;