@wordpress/edit-post/src/components/header/plugin-more-menu-item/test/index.js

Edit Post module for WordPress.

/**
 * External dependencies
 */
import { noop } from 'lodash';
import ReactTestRenderer from 'react-test-renderer';

/**
 * WordPress dependencies
 */
import { SlotFillProvider } from '@wordpress/components';

/**
 * Internal dependencies
 */
import PluginMoreMenuItem from '../';
import PluginsMoreMenuGroup from '../../plugins-more-menu-group';

describe( 'PluginMoreMenuItem', () => {
	const fillProps = {
		onClose: noop,
	};

	test( 'renders menu item as button properly', () => {
		const component = ReactTestRenderer.create(
			<SlotFillProvider>
				<PluginMoreMenuItem
					icon="smiley"
				>
					My plugin button menu item
				</PluginMoreMenuItem>
				<PluginsMoreMenuGroup.Slot fillProps={ fillProps } />
			</SlotFillProvider>
		);

		expect( component.toJSON() ).toMatchSnapshot();
	} );

	test( 'renders menu item as link properly', () => {
		const url = 'https://make.wordpress.org';
		const component = ReactTestRenderer.create(
			<SlotFillProvider>
				<PluginMoreMenuItem
					icon="smiley"
					href={ url }
				>
					My plugin link menu item
				</PluginMoreMenuItem>
				<PluginsMoreMenuGroup.Slot fillProps={ fillProps } />
			</SlotFillProvider>
		);

		expect( component.root.findByType( 'a' ).props.href ).toBe( url );
	} );
} );