{ blocksTab }
diff --git a/packages/block-editor/src/components/inserter/search-results.js b/packages/block-editor/src/components/inserter/search-results.js
index edd99609ea916c..d213bdd1af227a 100644
--- a/packages/block-editor/src/components/inserter/search-results.js
+++ b/packages/block-editor/src/components/inserter/search-results.js
@@ -50,6 +50,7 @@ function InserterSearchResults( {
shouldFocusBlock = true,
prioritizePatterns,
selectBlockOnInsert,
+ showBlocks = true,
} ) {
const debouncedSpeak = useDebounce( speak, 500 );
@@ -167,7 +168,7 @@ function InserterSearchResults( {
const hasItems =
filteredBlockTypes.length > 0 || filteredBlockPatterns.length > 0;
- const blocksUI = !! filteredBlockTypes.length && (
+ const blocksUI = showBlocks && !! filteredBlockTypes.length && (
+
+
+```
+
+```js
+// store
+import { store, getContext } from '@wordpress/interactivity';
+
+store( "myPlugin", {
+ actions: {
+ log: () => {
+ const context = getContext();
+ // Logs "false"
+ console.log('context => ', context.isOpen)
+ },
+ },
+});
+```
+
+#### getElement()
+
+Retrieves a representation of the element that the action is bound to or called from. Such representation is read-only, and contains a reference to the DOM element, its props and a local reactive state.
+It returns an object with two keys:
+
+##### ref
+
+`ref` is the reference to the DOM element as an (HTMLElement)[https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement]
+
+#### attributes
+
+`attributes` contains a (Proxy)[https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy], which adds a getter that allows to reference other store namespaces. Feel free to check the getter in the code. [Link](https://github.com/WordPress/gutenberg/blob/8cb23964d58f3ce5cf6ae1b6f967a4b8d4939a8e/packages/interactivity/src/store.ts#L70)
+
+Those attributes will contain the directives of that element. In the button example:
+
+```js
+// store
+import { store, getContext } from '@wordpress/interactivity';
+
+store( "myPlugin", {
+ actions: {
+ log: () => {
+ const element = getElement();
+ // Logs "false"
+ console.log('element attributes => ', element.attributes)
+ },
+ },
+});
+```
+
+The code will log:
+
+```json
+{
+ "data-wp-on--click": 'actions.increaseCounter',
+ "children": ['Log'],
+ "onclick": event => { evaluate(entry, event); }
+}
+```
diff --git a/packages/react-native-editor/__device-tests__/helpers/test-data.js b/packages/react-native-editor/__device-tests__/helpers/test-data.js
index 9816e7dc5354d1..a492b7997f26a3 100644
--- a/packages/react-native-editor/__device-tests__/helpers/test-data.js
+++ b/packages/react-native-editor/__device-tests__/helpers/test-data.js
@@ -203,6 +203,16 @@ exports.galleryBlock = ``;
+exports.galleryBlockTwoImages = `
+
Level 1
diff --git a/packages/react-native-editor/__device-tests__/pages/editor-page.js b/packages/react-native-editor/__device-tests__/pages/editor-page.js index ec4483eb704153..4e8f5d9bfd4a5f 100644 --- a/packages/react-native-editor/__device-tests__/pages/editor-page.js +++ b/packages/react-native-editor/__device-tests__/pages/editor-page.js @@ -205,6 +205,36 @@ class EditorPage { return lastElementFound; } + /** + * Selects a block. + * + * @param {import('webdriverio').ChainablePromiseElement} block The block to select. + * @param {Object} options Configuration options. + * @param {Object} [options.offset={ x: 0, y: 0 }] The offset for the click position. + * @param {number|Function} [options.offset.x=0] The x-coordinate offset or a function that calculates the offset based on the block's width. + * @param {number|Function} [options.offset.y=0] The y-coordinate offset or a function that calculates the offset based on the block's height. + * + * @return {import('webdriverio').ChainablePromiseElement} The selected block. + */ + async selectBlock( block, options = {} ) { + const { offset = { x: 0, y: 0 } } = options; + const size = await block.getSize(); + + let offsetX = offset.x; + if ( typeof offset.x === 'function' ) { + offsetX = offset.x( size.width ); + } + + let offsetY = offset.y; + if ( typeof offset.y === 'function' ) { + offsetY = offset.y( size.height ); + } + + await block.click( { x: offsetX, y: offsetY } ); + + return block; + } + async getFirstBlockVisible() { const firstBlockLocator = `//*[contains(@${ this.accessibilityIdXPathAttrib }, " Block. Row ")]`; return await waitForVisible( this.driver, firstBlockLocator ); @@ -1076,6 +1106,8 @@ const blockNames = { button: 'Button', preformatted: 'Preformatted', unsupported: 'Unsupported', + mediaText: 'Media & Text', + quote: 'Quote', }; module.exports = { setupEditor, blockNames }; diff --git a/phpunit/class-wp-theme-json-test.php b/phpunit/class-wp-theme-json-test.php index f474177dc17b5a..376eaaff4a2051 100644 --- a/phpunit/class-wp-theme-json-test.php +++ b/phpunit/class-wp-theme-json-test.php @@ -282,6 +282,9 @@ public function test_get_settings_appearance_true_opts_in() { 'typography' => array( 'lineHeight' => true, ), + 'shadow' => array( + 'defaultPresets' => true, + ), 'blocks' => array( 'core/paragraph' => array( 'typography' => array( @@ -321,6 +324,9 @@ public function test_get_settings_appearance_true_opts_in() { 'typography' => array( 'lineHeight' => false, ), + 'shadow' => array( + 'defaultPresets' => true, + ), ), ), ); diff --git a/schemas/json/theme.json b/schemas/json/theme.json index a5b54de97ed70f..a9823f6cc6534b 100644 --- a/schemas/json/theme.json +++ b/schemas/json/theme.json @@ -77,7 +77,7 @@ "defaultPresets": { "description": "Allow users to choose shadows from the default shadow presets.", "type": "boolean", - "default": true + "default": false }, "presets": { "description": "Shadow presets for the shadow picker.\nGenerates a single custom property (`--wp--preset--shadow--{slug}`) per preset value.", diff --git a/test/e2e/specs/editor/various/dropdown-menu.spec.js b/test/e2e/specs/editor/various/dropdown-menu.spec.js index 916ef3447d80a4..4c656fd3d6994a 100644 --- a/test/e2e/specs/editor/various/dropdown-menu.spec.js +++ b/test/e2e/specs/editor/various/dropdown-menu.spec.js @@ -13,9 +13,11 @@ test.describe( 'Dropdown Menu', () => { .getByRole( 'region', { name: 'Editor top bar' } ) .getByRole( 'button', { name: 'Options' } ) .click(); - const menuItems = page.locator( - '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]' - ); + const menuItems = page + .getByRole( 'menu', { name: 'Options' } ) + .locator( + '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]' + ); const totalItems = await menuItems.count(); // Catch any issues with the selector, which could cause a false positive test result. diff --git a/test/e2e/specs/site-editor/navigation-editor.spec.js b/test/e2e/specs/site-editor/navigation-editor.spec.js index 344f776c71e027..0761f35535ba8e 100644 --- a/test/e2e/specs/site-editor/navigation-editor.spec.js +++ b/test/e2e/specs/site-editor/navigation-editor.spec.js @@ -19,7 +19,7 @@ test.describe( 'Editing Navigation Menus', () => { requestUtils, editor, } ) => { - await test.step( 'Manually browse to focus mode for a Navigation Menu', async () => { + await test.step( 'Check Navigation block is present and locked', async () => { // create a Navigation Menu called "Test Menu" using the REST API helpers const createdMenu = await requestUtils.createNavigationMenu( { title: 'Primary Menu', @@ -34,69 +34,12 @@ test.describe( 'Editing Navigation Menus', () => { '', } ); - // We could Navigate directly to editing the Navigation Menu but we intentionally do not do this. - // - // Why? To provide coverage for a bug that caused the Navigation Editor behaviours to fail - // only when navigating through the editor screens (rather than going directly to the editor by URL). - // See: https://github.com/WordPress/gutenberg/pull/56856. - // - // Example (what we could do): - // await admin.visitSiteEditor( { - // postId: createdMenu?.id, - // postType: 'wp_navigation', - // } ); - // - await admin.visitSiteEditor(); - - const editorSidebar = page.getByRole( 'region', { - name: 'Navigation', + await admin.visitSiteEditor( { + postId: createdMenu?.id, + postType: 'wp_navigation', + canvas: 'edit', } ); - await editorSidebar - .getByRole( 'button', { - name: 'Navigation', - } ) - .click(); - - // Wait for list of Navigations to appear. - await expect( - editorSidebar.getByRole( 'heading', { - name: 'Navigation', - level: 1, - } ) - ).toBeVisible(); - - await expect( page ).toHaveURL( - `wp-admin/site-editor.php?path=%2Fnavigation` - ); - - await editorSidebar - .getByRole( 'button', { - name: 'Primary Menu', - } ) - .click(); - - await expect( page ).toHaveURL( - `wp-admin/site-editor.php?postId=${ createdMenu?.id }&postType=wp_navigation` - ); - - // Wait for list of Navigations to appear. - await expect( - editorSidebar.getByRole( 'heading', { - name: 'Primary Menu', - level: 1, - } ) - ).toBeVisible(); - - // Switch to editing the Navigation Menu - await editorSidebar - .getByRole( 'link', { - name: 'Edit', - } ) - .click(); - } ); - - await test.step( 'Check Navigation block is present and locked', async () => { // Open List View. await pageUtils.pressKeys( 'access+o' ); diff --git a/test/native/jest.config.js b/test/native/jest.config.js index 4859ea597e0f63..8bd77280dc5509 100644 --- a/test/native/jest.config.js +++ b/test/native/jest.config.js @@ -58,7 +58,7 @@ module.exports = { 'node_modules', ], moduleNameMapper: { - // Mock the CSS modules. See https://facebook.github.io/jest/docs/en/webpack.html#handling-static-assets + // Mock the CSS modules. See https://jestjs.io/docs/webpack#handling-static-assets '\\.(scss)$': '