@wordpress/e2e-tests/plugins/custom-grouping-block/index.js

Test plugins and mu-plugins for E2E tests in WordPress.

( function () {
	const el = wp.element.createElement;
	const { InnerBlocks, useBlockProps } = wp.blockEditor;
	const { createBlock, registerBlockType } = wp.blocks;

	registerBlockType( 'test/alternative-group-block', {
		apiVersion: 3,
		title: 'Alternative Group Block',
		category: 'design',
		icon: 'yes',
		edit: function AlternativeGroupBlockEdit() {
			return el( 'div', useBlockProps(), el( InnerBlocks ) );
		},

		save() {
			return el( InnerBlocks.Content );
		},
		transforms: {
			from: [
				{
					type: 'block',
					blocks: [ '*' ],
					isMultiBlock: true,
					__experimentalConvert( blocks ) {
						const groupInnerBlocks = blocks.map(
							( { name, attributes, innerBlocks } ) => {
								return createBlock(
									name,
									attributes,
									innerBlocks
								);
							}
						);

						return createBlock(
							'test/alternative-group-block',
							{},
							groupInnerBlocks
						);
					},
				},
			],
		},
	} );
} )();