child-blocks.test.js

/**
 * WordPress dependencies
 */
import {
	activatePlugin,
	closeGlobalBlockInserter,
	createNewPost,
	deactivatePlugin,
	getAllBlockInserterItemTitles,
	insertBlock,
	openGlobalBlockInserter,
} from '@wordpress/e2e-test-utils';

describe( 'Child Blocks', () => {
	beforeAll( async () => {
		await activatePlugin( 'gutenberg-test-child-blocks' );
	} );

	beforeEach( async () => {
		await createNewPost();
	} );

	afterAll( async () => {
		await deactivatePlugin( 'gutenberg-test-child-blocks' );
	} );

	it( 'are hidden from the global block inserter', async () => {
		await openGlobalBlockInserter();
		await expect( await getAllBlockInserterItemTitles() ).not.toContain(
			'Child Blocks Child'
		);
	} );

	it( 'shows up in a parent block', async () => {
		await insertBlock( 'Child Blocks Unrestricted Parent' );
		await closeGlobalBlockInserter();
		await page.waitForSelector(
			'[data-type="test/child-blocks-unrestricted-parent"] .block-editor-default-block-appender'
		);
		await page.click(
			'[data-type="test/child-blocks-unrestricted-parent"] .block-editor-default-block-appender'
		);
		await openGlobalBlockInserter();
		const inserterItemTitles = await getAllBlockInserterItemTitles();
		expect( inserterItemTitles ).toContain( 'Child Blocks Child' );
		expect( inserterItemTitles.length ).toBeGreaterThan( 20 );
	} );

	it( 'display in a parent block with allowedItems', async () => {
		await insertBlock( 'Child Blocks Restricted Parent' );
		await closeGlobalBlockInserter();
		await page.waitForSelector(
			'[data-type="test/child-blocks-restricted-parent"] .block-editor-default-block-appender'
		);
		await page.click(
			'[data-type="test/child-blocks-restricted-parent"] .block-editor-default-block-appender'
		);
		await openGlobalBlockInserter();
		const allowedBlocks = await getAllBlockInserterItemTitles();
		expect( allowedBlocks.sort() ).toEqual( [
			'Child Blocks Child',
			'Image',
			'Paragraph',
		] );
	} );
} );