@gechiui/block-editor/src/components/block-vertical-alignment-control/test/index.js

Generic block editor.

/**
 * External dependencies
 */
import { shallow } from 'enzyme';

/**
 * Internal dependencies
 */
import BlockVerticalAlignmentUI from '../ui';

describe( 'BlockVerticalAlignmentUI', () => {
	const alignment = 'top';
	const onChange = jest.fn();

	const wrapper = shallow(
		<BlockVerticalAlignmentUI
			isToolbar
			value={ alignment }
			onChange={ onChange }
		/>
	);

	const controls = wrapper.props().controls;

	afterEach( () => {
		onChange.mockClear();
	} );

	it( 'should match snapshot', () => {
		expect( wrapper ).toMatchSnapshot();
	} );

	it( 'should call onChange with undefined, when the control is already active', () => {
		const activeControl = controls.find( ( { title } ) =>
			title.toLowerCase().includes( alignment )
		);
		activeControl.onClick();

		expect( activeControl.isActive ).toBe( true );
		expect( onChange ).toHaveBeenCalledTimes( 1 );
		expect( onChange ).toHaveBeenCalledWith( undefined );
	} );

	it( 'should call onChange with alignment value when the control is inactive', () => {
		// note "middle" alias for "center"
		const inactiveCenterControl = controls.find( ( { title } ) =>
			title.toLowerCase().includes( 'middle' )
		);

		inactiveCenterControl.onClick();

		expect( inactiveCenterControl.isActive ).toBe( false );
		expect( onChange ).toHaveBeenCalledTimes( 1 );
		expect( onChange ).toHaveBeenCalledWith( 'center' );
	} );
} );