@wordpress/block-library/src/shortcode/test/edit.native.js

Block library for the WordPress editor.

/**
 * External dependencies
 */
import {
	getEditorHtml,
	initializeEditor,
	fireEvent,
	waitFor,
} from 'test/helpers';

/**
 * WordPress dependencies
 */
import { getBlockTypes, unregisterBlockType } from '@wordpress/blocks';
import { registerCoreBlocks } from '@wordpress/block-library';

beforeAll( () => {
	// Register all core blocks
	registerCoreBlocks();
} );

afterAll( () => {
	// Clean up registered blocks
	getBlockTypes().forEach( ( block ) => {
		unregisterBlockType( block.name );
	} );
} );

describe( 'Shortcode block', () => {
	it( 'inserts block', async () => {
		const { getByA11yLabel, getByTestId, getByText } =
			await initializeEditor();

		fireEvent.press( getByA11yLabel( 'Add block' ) );

		const blockList = getByTestId( 'InserterUI-Blocks' );
		// onScroll event used to force the FlatList to render all items
		fireEvent.scroll( blockList, {
			nativeEvent: {
				contentOffset: { y: 0, x: 0 },
				contentSize: { width: 100, height: 100 },
				layoutMeasurement: { width: 100, height: 100 },
			},
		} );

		fireEvent.press( await waitFor( () => getByText( 'Shortcode' ) ) );

		expect( getByA11yLabel( /Shortcode Block\. Row 1/ ) ).toBeVisible();
		expect( getEditorHtml() ).toMatchSnapshot();
	} );

	it( 'edits content', async () => {
		const { getByA11yLabel, getByPlaceholderText } = await initializeEditor(
			{
				initialHtml: '<!-- wp:shortcode /-->',
			}
		);
		const shortcodeBlock = getByA11yLabel( /Shortcode Block\. Row 1/ );
		fireEvent.press( shortcodeBlock );

		const textField = getByPlaceholderText( 'Add a shortcode…' );
		fireEvent( textField, 'focus' );
		fireEvent( textField, 'onChange', {
			nativeEvent: {
				eventCount: 1,
				target: undefined,
				text: '[youtube https://www.youtube.com/watch?v=ssfHW5lwFZg]',
			},
		} );

		expect( getEditorHtml() ).toMatchSnapshot();
	} );
} );