From 7032280a19887f76842a089ac20513b9d40ed01b Mon Sep 17 00:00:00 2001 From: Andrei Draganescu Date: Fri, 10 May 2024 15:52:49 +0900 Subject: [PATCH 1/2] show the inserters when a section is selected --- .../src/components/block-tools/zoom-out-mode-inserters.js | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/block-editor/src/components/block-tools/zoom-out-mode-inserters.js b/packages/block-editor/src/components/block-tools/zoom-out-mode-inserters.js index 4396f54b19707..ca27fd8ad3785 100644 --- a/packages/block-editor/src/components/block-tools/zoom-out-mode-inserters.js +++ b/packages/block-editor/src/components/block-tools/zoom-out-mode-inserters.js @@ -21,6 +21,7 @@ function ZoomOutModeInserters() { sectionRootClientId, insertionPoint, setInserterIsOpened, + selectedSection, } = useSelect( ( select ) => { const { getSettings, getBlockOrder } = select( blockEditorStore ); const { sectionRootClientId: root } = unlock( getSettings() ); @@ -32,6 +33,7 @@ function ZoomOutModeInserters() { // eslint-disable-next-line @wordpress/data-no-store-string-literals const editor = select( 'core/editor' ); return { + selectedSection: editor.getSelectedBlock(), blockOrder: getBlockOrder( root ), insertionPoint: unlock( editor ).getInsertionPoint(), sectionRootClientId: root, @@ -62,7 +64,7 @@ function ZoomOutModeInserters() { }; }, [] ); - if ( ! isReady ) { + if ( ! isReady || ! selectedSection ) { return null; } From fb92f013e947f3c0b7245716c808199d56e5574f Mon Sep 17 00:00:00 2001 From: Andrei Draganescu Date: Wed, 22 May 2024 12:19:02 +0300 Subject: [PATCH 2/2] update the inserter test --- test/e2e/specs/site-editor/zoom-out.spec.js | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/test/e2e/specs/site-editor/zoom-out.spec.js b/test/e2e/specs/site-editor/zoom-out.spec.js index 63ad58b2e18a5..2cd0db8b1ebe2 100644 --- a/test/e2e/specs/site-editor/zoom-out.spec.js +++ b/test/e2e/specs/site-editor/zoom-out.spec.js @@ -24,6 +24,12 @@ test.describe( 'Zoom Out', () => { await page.getByRole( 'button', { name: 'Styles' } ).click(); await page.getByRole( 'button', { name: 'Browse styles' } ).click(); + // select the 1st pattern + await page + .frameLocator( 'iframe[name="editor-canvas"]' ) + .locator( 'header' ) + .click(); + await expect( page.getByLabel( 'Add pattern' ) ).toHaveCount( 3 ); await page.getByLabel( 'Add pattern' ).first().click(); await expect( page.getByLabel( 'Add pattern' ) ).toHaveCount( 2 );