Add wrapper in Query block

packages/block-library/src/query-pagination/block.json

@@ -4,6 +4,7 @@
 	"category": "design",
 	"usesContext": [ "queryId", "query" ],
 	"supports": {
+		"align": true,
 		"reusable": false,
 		"html": false
 	},

packages/block-library/src/query/block.json

@@ -37,6 +37,7 @@
 		"layout": "layout"
 	},
 	"supports": {
+		"align": [ "wide", "full" ],
 		"html": false
 	},
 	"editorStyle": "wp-block-query-editor"

packages/block-library/src/query/deprecated.js

@@ -0,0 +1,47 @@
+/**
+ * WordPress dependencies
+ */
+import { InnerBlocks } from '@wordpress/block-editor';
+
+const deprecated = [
+	// Version with NO wrapper `div` element.
+	{
+		attributes: {
+			queryId: {
+				type: 'number',
+			},
+			query: {
+				type: 'object',
+				default: {
+					perPage: null,
+					pages: 0,
+					offset: 0,
+					postType: 'post',
+					categoryIds: [],
+					tagIds: [],
+					order: 'desc',
+					orderBy: 'date',
+					author: '',
+					search: '',
+					exclude: [],
+					sticky: '',
+					inherit: true,
+				},
+			},
+			layout: {
+				type: 'object',
+				default: {
+					type: 'list',
+				},
+			},
+		},
+		supports: {
+			html: false,
+		},
+		save() {
+			return <InnerBlocks.Content />;
+		},
+	},
+];
+
+export default deprecated;

packages/block-library/src/query/index.js

@@ -11,6 +11,7 @@ import metadata from './block.json';
 import edit from './edit';
 import save from './save';
 import variations from './variations';
+import deprecated from './deprecated';
 
 const { name } = metadata;
 export { metadata, name };
@@ -22,4 +23,5 @@ export const settings = {
 	edit,
 	save,
 	variations,
+	deprecated,
 };

packages/block-library/src/query/save.js

@@ -1,8 +1,12 @@
 /**
  * WordPress dependencies
  */
-import { InnerBlocks } from '@wordpress/block-editor';
+import { InnerBlocks, useBlockProps } from '@wordpress/block-editor';
 
 export default function QuerySave() {
-	return <InnerBlocks.Content />;
+	return (
+		<div { ...useBlockProps.save() }>
+			<InnerBlocks.Content />
+		</div>
+	);
 }

packages/e2e-tests/fixtures/blocks/core__query.html

@@ -1 +1,3 @@
-<!-- wp:query /-->
+<!-- wp:query -->
+<div class="wp-block-query"></div>
+<!-- /wp:query -->

packages/e2e-tests/fixtures/blocks/core__query.json

@@ -24,6 +24,6 @@
 			}
 		},
 		"innerBlocks": [],
-		"originalContent": ""
+		"originalContent": "<div class=\"wp-block-query\"></div>"
 	}
 ]

packages/e2e-tests/fixtures/blocks/core__query.parsed.json

@@ -3,14 +3,18 @@
 		"blockName": "core/query",
 		"attrs": {},
 		"innerBlocks": [],
-		"innerHTML": "",
-		"innerContent": []
+		"innerHTML": "\n<div class=\"wp-block-query\"></div>\n",
+		"innerContent": [
+			"\n<div class=\"wp-block-query\"></div>\n"
+		]
 	},
 	{
 		"blockName": null,
 		"attrs": {},
 		"innerBlocks": [],
 		"innerHTML": "\n",
-		"innerContent": [ "\n" ]
+		"innerContent": [
+			"\n"
+		]
 	}
 ]

packages/e2e-tests/fixtures/blocks/core__query.serialized.html

@@ -1 +1,3 @@
-<!-- wp:query /-->
+<!-- wp:query -->
+<div class="wp-block-query"></div>
+<!-- /wp:query -->

packages/e2e-tests/fixtures/blocks/core__query__deprecated-1.html

@@ -0,0 +1 @@
+<!-- wp:query /-->

packages/e2e-tests/fixtures/blocks/core__query__deprecated-1.json

@@ -0,0 +1,29 @@
+[
+	{
+		"clientId": "_clientId_0",
+		"name": "core/query",
+		"isValid": true,
+		"attributes": {
+			"query": {
+				"perPage": null,
+				"pages": 0,
+				"offset": 0,
+				"postType": "post",
+				"categoryIds": [],
+				"tagIds": [],
+				"order": "desc",
+				"orderBy": "date",
+				"author": "",
+				"search": "",
+				"exclude": [],
+				"sticky": "",
+				"inherit": true
+			},
+			"layout": {
+				"type": "list"
+			}
+		},
+		"innerBlocks": [],
+		"originalContent": ""
+	}
+]

packages/e2e-tests/fixtures/blocks/core__query__deprecated-1.parsed.json

@@ -0,0 +1,18 @@
+[
+	{
+		"blockName": "core/query",
+		"attrs": {},
+		"innerBlocks": [],
+		"innerHTML": "",
+		"innerContent": []
+	},
+	{
+		"blockName": null,
+		"attrs": {},
+		"innerBlocks": [],
+		"innerHTML": "\n",
+		"innerContent": [
+			"\n"
+		]
+	}
+]

packages/e2e-tests/fixtures/blocks/core__query__deprecated-1.serialized.html

@@ -0,0 +1,3 @@
+<!-- wp:query {"query":{"perPage":null,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"layout":{"type":"list"}} -->
+<div class="wp-block-query"></div>
+<!-- /wp:query -->