@wordpress/block-editor/src/components/inner-blocks/test/index.js

Generic block editor.

/* eslint-disable testing-library/render-result-naming-convention */

/**
 * WordPress dependencies
 */
import {
	createBlock,
	getBlockTypes,
	getSaveElement,
	registerBlockType,
	serialize,
	unregisterBlockType,
} from '@wordpress/blocks';
import { renderToString } from '@wordpress/element';

/**
 * Internal dependencies
 */
import InnerBlocks from '../';

describe( 'InnerBlocks', () => {
	afterEach( () => {
		getBlockTypes().forEach( ( block ) => {
			unregisterBlockType( block.name );
		} );
	} );

	it( 'should return element as string, with inner blocks', () => {
		registerBlockType( 'core/fruit', {
			category: 'text',

			title: 'fruit',

			attributes: {
				fruit: {
					type: 'string',
				},
			},

			supports: {
				className: false,
			},

			save( { attributes } ) {
				return (
					<div>
						{ attributes.fruit }
						<InnerBlocks.Content />
					</div>
				);
			},
		} );

		const saved = renderToString(
			getSaveElement( 'core/fruit', { fruit: 'Bananas' }, [
				createBlock( 'core/fruit', { fruit: 'Apples' } ),
			] )
		);

		expect( saved ).toMatchSnapshot();
	} );

	it( 'should force serialize for invalid block with inner blocks', () => {
		const blockType = {
			attributes: {
				throw: {
					type: 'boolean',
				},
				defaulted: {
					type: 'boolean',
					default: false,
				},
				content: {
					type: 'string',
					source: 'text',
				},
				stuff: {
					type: 'string',
				},
			},
			save( { attributes } ) {
				if ( attributes.throw ) {
					throw new Error();
				}

				return (
					<p>
						{ attributes.content }
						<InnerBlocks.Content />
					</p>
				);
			},
			category: 'text',
			title: 'block title',
		};
		registerBlockType( 'core/test-block', blockType );
		const block = createBlock( 'core/test-block', { content: 'Invalid' }, [
			createBlock( 'core/test-block' ),
		] );

		block.isValid = false;
		block.originalContent = 'Original';

		expect( serialize( block ) ).toMatchSnapshot();
	} );
} );

/* eslint-enable testing-library/render-result-naming-convention */