@financial-times/n-conversion-forms/components/industry.spec.js

Containing jsx components and styles for forms included on Accounts and Acquisition apps (next-signup, next-profile, next-retention, etc).

import { Industry } from './index';
import { expectToRenderCorrectly } from '../test-jest/helpers/expect-to-render-correctly';
const defaultOptions = [
	{
		description: 'Dummy description',
		code: 'DUM',
		status: 'active',
	},
];
import Enzyme, { mount } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
Enzyme.configure({ adapter: new Adapter() });

expect.extend(expectToRenderCorrectly);

describe('Industry', () => {
	it('render a select with a label', () => {
		const props = {
			options: defaultOptions,
		};

		expect(Industry).toRenderCorrectly(props);
	});

	it('can render an initial selected value', () => {
		const props = {
			options: defaultOptions,
			value: 'DEF',
		};

		expect(Industry).toRenderCorrectly(props);
	});

	it('can render a disable select', () => {
		const props = {
			options: defaultOptions,
			isDisabled: true,
		};

		expect(Industry).toRenderCorrectly(props);
	});

	it('can render an error message', () => {
		const props = {
			options: defaultOptions,
			hasError: true,
		};

		expect(Industry).toRenderCorrectly(props);
	});

	it('can override id and name for select', () => {
		const props = {
			selectId: 'selectId',
			selectName: 'selectName',
		};
		const component = mount(Industry(props));
		const select = component.find('select#selectId');

		expect(select.exists()).toBe(true);
	});

	it('can override id for field', () => {
		const props = {
			fieldId: 'fieldID',
		};
		const component = mount(Industry(props));
		const field = component.find('#fieldID');

		expect(field.exists()).toBe(true);
	});

	it('renders with default label wording', () => {
		const props = {};

		const component = mount(Industry(props));

		expect(component.find('.o-forms-title__main').text()).toBe(
			'In which industry do you work?'
		);
	});

	it('renders with custom label wording', () => {
		const props = { fieldLabel: 'Industry' };

		const component = mount(Industry(props));

		expect(component.find('.o-forms-title__main').text()).toBe('Industry');
	});

	it('renders with optional title class, when not required', () => {
		const props = { isRequired: false };
		const component = mount(Industry(props));

		expect(
			component.find('.o-forms-title.o-forms-field--optional')
		).toHaveLength(1);
	});
});