wp-editor-meta-box.test.js

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

describe( 'WP Editor Meta Boxes', () => {
	beforeAll( async () => {
		await activatePlugin( 'gutenberg-test-plugin-wp-editor-meta-box' );
		await createNewPost();
	} );

	afterAll( async () => {
		await deactivatePlugin( 'gutenberg-test-plugin-wp-editor-meta-box' );
	} );

	it( 'Should save the changes', async () => {
		// Add title to enable valid non-empty post save.
		await page.type( '.editor-post-title__input', 'Hello Meta' );

		// Type something
		await expect( page ).toClick( '#test_tinymce_id-html' );
		await page.type( '#test_tinymce_id', 'Typing in a metabox' );
		await page.click( '#test_tinymce_id-tmce' );

		await publishPost();

		await page.reload();
		await page.waitForSelector( '.edit-post-layout' );

		await expect( page ).toClick( '#test_tinymce_id-html' );
		await page.waitForSelector( '#test_tinymce_id' );
		const content = await page.$eval(
			'#test_tinymce_id',
			( textarea ) => textarea.value
		);

		expect( content ).toBe( 'Typing in a metabox' );
	} );
} );