@wordpress/components/src/ui/divider/test/index.js

UI components for WordPress.

/**
 * External dependencies
 */
import { render } from '@testing-library/react';

/**
 * Internal dependencies
 */
import { Divider } from '../index';

describe( 'props', () => {
	let base;
	beforeEach( () => {
		base = render( <Divider /> );
	} );

	test( 'should render correctly', () => {
		expect( base.container.firstChild ).toMatchSnapshot();
	} );

	test( 'should render marginTop', () => {
		const { container } = render( <Divider mt={ 5 } /> );
		expect( container.firstChild ).toMatchStyleDiffSnapshot(
			base.container.firstChild
		);
	} );

	test( 'should render marginBottom', () => {
		const { container } = render( <Divider mb={ 5 } /> );
		expect( container.firstChild ).toMatchStyleDiffSnapshot(
			base.container.firstChild
		);
	} );

	test( 'should render margin', () => {
		const { container } = render( <Divider m={ 7 } /> );
		expect( container.firstChild ).toMatchStyleDiffSnapshot(
			base.container.firstChild
		);
	} );
} );