keystone/admin/client/App/shared/Popout/test/PopoutList.test.js

Web Application Framework and Admin GUI / Content Management System built on Express.js and Mongoose

import React from 'react';
import { shallow } from 'enzyme';
import demand from 'must';
import PopoutList from '../PopoutList';

describe('<PopoutList />', () => {
	it('should render a div', () => {
		const component = shallow(<PopoutList />);
		demand(component.find('div').length).eql(1);
	});

	it('should have a class of PopoutList', () => {
		const component = shallow(<PopoutList />);
		demand(component.find('div').prop('className')).eql('PopoutList');
	});

	it('should have a class of PopoutList even when another class is passed', () => {
		const classname = 'something__else';
		const component = shallow(<PopoutList className={classname} />);
		demand(component.find('div').prop('className')).include('PopoutList');
		demand(component.find('div').prop('className')).include(classname);
	});

	it('should render its children', () => {
		const children = (<h1>Hello World!</h1>);
		const component = shallow(
			<PopoutList>{children}</PopoutList>
		);

		demand(component.contains(children)).true();
	});
});