@inseefr/lunatic 2.0.0-rc9 → 2.0.0-v2test

package/src/stories/tooltip-response/README.md

@@ -1,14 +0,0 @@
-# TooltipResponse component
-
-## Props
-
-|    Props    |  Type  | Default value | Required | Description             |
-| :---------: | :----: | :-----------: | :------: | ----------------------- |
-|     id      | string |       -       |    ✓     | Id of the               |
-| response \* | string |      " "      |          | Response of the tooltip |
-
-- `response` props has to be a shape of `{name: string, values: object}`
-
-## Styles
-
-**TooltipResponse** component has for classes `tooltip-lunatic`.

package/src/stories/tooltip-response/tooltip.stories.js

@@ -1,43 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { withReadme } from 'storybook-readme';
-import { TooltipResponse } from 'components';
-import readme from './README.md';
-import { titleDecorator } from 'utils/lib';
-
-const stories = storiesOf('TooltipResponse', module)
-	.addDecorator(withReadme(readme))
-	.addDecorator((Component) => {
-		const WrappedComponent = titleDecorator(Component);
-		return <WrappedComponent title="<TooltipResponse />" />;
-	});
-
-stories.addWithJSX('Default', () => <TooltipResponse id="default" />);
-
-stories.addWithJSX('Forced', () => (
-	<TooltipResponse
-		id="response"
-		response={{
-			name: 'response',
-			values: {
-				COLLECTED: 'Collected',
-				FORCED: 'Forced',
-				EDITED: '',
-			},
-		}}
-	/>
-));
-
-stories.addWithJSX('Edited', () => (
-	<TooltipResponse
-		id="response"
-		response={{
-			name: 'response',
-			values: {
-				COLLECTED: 'Collected',
-				FORCED: 'Forced',
-				EDITED: 'Edited',
-			},
-		}}
-	/>
-));

package/src/stories/utils/options.js

@@ -1,21 +0,0 @@
-export const positioningOptions = {
-	Default: 'DEFAULT',
-	Horizontal: 'HORIZONTAL',
-	Vertical: 'VERTICAL',
-};
-
-export const labelPositionOptions = {
-	Default: 'DEFAULT',
-	Top: 'TOP',
-	Right: 'RIGHT',
-	Bottom: 'BOTTOM',
-	Left: 'LEFT',
-};
-
-export const unitPositionOptions = {
-	Default: 'DEFAULT',
-	Before: 'BEFORE',
-	After: 'AFTER',
-};
-
-export const featuresOptions = { None: [], Vtl: ['VTL'] };

package/src/stories/utils/orchestrator.js

@@ -1,52 +0,0 @@
-import React from 'react';
-import * as lunatic from 'components';
-
-const OrchestratorForStories = ({
-	source,
-	data = {},
-	management = false,
-	features,
-	...rest
-}) => {
-	const preferences = management
-		? ['COLLECTED', 'FORCED', 'EDITED']
-		: ['COLLECTED'];
-	const savingType = management ? 'EDITED' : 'COLLECTED';
-	const { handleChange, components, bindings } = lunatic.useLunatic(
-		source,
-		data,
-		{
-			savingType,
-			preferences,
-			features,
-			management,
-		}
-	);
-
-	return (
-		<div className="container">
-			<div className="components">
-				{components.map((q) => {
-					const { id, componentType } = q;
-					const Component = lunatic[componentType];
-					return (
-						<div className="lunatic lunatic-component" key={`component-${id}`}>
-							<Component
-								{...q}
-								{...rest}
-								handleChange={handleChange}
-								preferences={preferences}
-								management={management}
-								features={features}
-								bindings={bindings}
-								writable
-							/>
-						</div>
-					);
-				})}
-			</div>
-		</div>
-	);
-};
-
-export default OrchestratorForStories;

package/src/tests/components/breadcrumb.spec.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { Breadcrumb } from 'components';
-
-describe('breadcrumb', () => {
-	it('renders without crashing', () => {
-		shallow(<Breadcrumb elements={[]} />);
-	});
-	it('renders with elements', () => {
-		const wrapper = shallow(<Breadcrumb elements={['One', 'Two']} />);
-		expect(wrapper.find('.breadcrumb-lunatic').children()).toHaveLength(2);
-	});
-});

package/src/tests/components/button.spec.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { Button } from 'components';
-
-describe('button', () => {
-	const onClick = jest.fn();
-
-	it('renders without crashing', () => {
-		shallow(<Button value="Button" onClick={onClick} />);
-	});
-});

package/src/tests/components/checkbox-boolean.spec.js

@@ -1,40 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { CheckboxBoolean } from 'components';
-
-describe('checkbox-boolean', () => {
-	const handleChange = jest.fn();
-	const defaultProps = { id: 'id', label: '', handleChange };
-
-	it('renders without crashing', () => {
-		shallow(<CheckboxBoolean {...defaultProps} />);
-	});
-
-	it('returns management component', () => {
-		shallow(<CheckboxBoolean {...defaultProps} label="label" management />);
-	});
-
-	it('returns disabled component', () => {
-		shallow(<CheckboxBoolean {...defaultProps} label="label" disabled />);
-	});
-
-	it('renders firing useEffect', () => {
-		const wrapper = mount(<CheckboxBoolean {...defaultProps} />);
-		wrapper.setProps({ focused: true });
-	});
-
-	it('test VERTICAL positioning', () => {
-		shallow(<CheckboxBoolean {...defaultProps} positioning="VERTICAL" />);
-	});
-
-	it('should trigger the change event', () => {
-		const wrapper = shallow(<CheckboxBoolean {...defaultProps} />);
-		wrapper.find('input').simulate('change', {
-			target: {
-				checked: true,
-			},
-		});
-		expect(handleChange).toHaveBeenCalled();
-		expect(handleChange).toHaveBeenCalledWith({ '': true });
-	});
-});

package/src/tests/components/checkbox-group.spec.js

@@ -1,48 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { CheckboxGroup } from 'components';
-
-describe('checkbox-group', () => {
-	const handleChange = jest.fn();
-	const responses = [
-		{
-			id: '1',
-			response: { name: 'a', values: { COLLECTED: true } },
-			label: 'France',
-		},
-		{
-			id: '2',
-			response: { name: 'b', values: { COLLECTED: false } },
-			label: 'Italy',
-		},
-	];
-	const defaultProps = { id: 'id', handleChange, responses };
-
-	it('returns management component', () => {
-		shallow(<CheckboxGroup {...defaultProps} management />);
-	});
-
-	it('returns disabled component', () => {
-		shallow(<CheckboxGroup {...defaultProps} label="label" disabled />);
-	});
-
-	it('renders firing useEffect', () => {
-		const wrapper = mount(<CheckboxGroup {...defaultProps} />);
-		wrapper.setProps({ focused: true });
-	});
-
-	it('should trigger the change event', () => {
-		const wrapper = shallow(<CheckboxGroup {...defaultProps} />);
-		wrapper
-			.find('input')
-			.first()
-			.simulate('change', {
-				target: {
-					checked: false,
-				},
-			});
-		expect(handleChange).toHaveBeenCalled();
-		/*Cause specificHandler*/
-		expect(handleChange).toHaveBeenCalledWith({ a: null });
-	});
-});

package/src/tests/components/checkbox-one.spec.js

@@ -1,32 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { CheckboxOne } from 'components';
-
-const handleChange = jest.fn();
-const options = [
-	{ value: 'france', label: 'France' },
-	{ value: 'italy', label: 'Italy' },
-];
-const response = { values: { COLLECTED: 'italy' } };
-
-const defaultProps = {
-	id: 'id',
-	label: 'label',
-	handleChange,
-	options,
-	response,
-};
-
-describe('checkbox-one', () => {
-	it('renders without crashing', () => {
-		mount(<CheckboxOne {...defaultProps} />);
-	});
-
-	it('returns management component', () => {
-		shallow(<CheckboxOne {...defaultProps} management />);
-	});
-
-	it('returns disabled component', () => {
-		shallow(<CheckboxOne {...defaultProps} label="label" disabled />);
-	});
-});

package/src/tests/components/datepicker.spec.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { Datepicker } from 'components';
-
-const handleChange = jest.fn();
-const defaultProps = {
-	id: 'id',
-	label: 'label',
-	handleChange,
-};
-
-describe('datepicker', () => {
-	it('renders without crashing', () => {
-		shallow(<Datepicker {...defaultProps} />);
-	});
-	it('returns management component', () => {
-		shallow(<Datepicker {...defaultProps} label="label" management />);
-	});
-	it('returns disabled & readOnly component', () => {
-		shallow(<Datepicker {...defaultProps} label="label" disabled readOnly />);
-	});
-});

package/src/tests/components/declarations-wrappers/input-declarations-wrapper.spec.js

@@ -1,65 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { InputDeclarationsWrapper } from 'components/declarations/wrappers';
-
-const handleChange = jest.fn();
-const defaultProps = {
-	id: 'id',
-	label: 'label',
-	handleChange,
-	type: 'text',
-	roleType: 'input',
-};
-
-describe('input-declarations-wrapper', () => {
-	it('renders without crashing', () => {
-		shallow(<InputDeclarationsWrapper {...defaultProps} />);
-		shallow(
-			<InputDeclarationsWrapper
-				{...defaultProps}
-				type={null}
-				roleType="textarea"
-			/>
-		);
-	});
-	it('returns readOnly and autoComplete component', () => {
-		const wrapper = shallow(
-			<InputDeclarationsWrapper {...defaultProps} readOnly autoComplete />
-		);
-		expect(wrapper.find('input').prop('readOnly')).toBeTruthy();
-	});
-
-	it('returns enabled component', () => {
-		const wrapper = shallow(<InputDeclarationsWrapper {...defaultProps} />);
-		expect(wrapper.find('input').prop('readOnly')).toBeFalsy();
-	});
-
-	it('returns mandatory component', () => {
-		const wrapper = shallow(
-			<InputDeclarationsWrapper {...defaultProps} mandatory />
-		);
-		expect(wrapper.find('input').prop('required')).toBeTruthy();
-	});
-
-	it('returns management component', () => {
-		shallow(<InputDeclarationsWrapper {...defaultProps} management />);
-	});
-
-	it('renders firing useEffect', () => {
-		const wrapper = mount(<InputDeclarationsWrapper {...defaultProps} />);
-		wrapper.setProps({ focused: true });
-	});
-
-	// TODO: find a way to test with debounce under the hood
-
-	// it('should trigger the change event', () => {
-	// 	const wrapper = shallow(<InputDeclarationsWrapper {...defaultProps} />);
-	// 	wrapper.find('input').simulate('change', {
-	// 		target: {
-	// 			value: 'new value',
-	// 		},
-	// 	});
-	// 	expect(handleChange).toHaveBeenCalled();
-	// 	expect(handleChange).toHaveBeenCalledWith({ '': 'new value' });
-	// });
-});

package/src/tests/components/declarations-wrappers/list-declarations-wrapper.spec.js

@@ -1,47 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { ListDeclarationsWrapper } from 'components/declarations/wrappers';
-
-const handleChange = jest.fn();
-const options = [
-	{ value: 'france', label: 'France' },
-	{ value: 'italy', label: 'Italy' },
-];
-const response = { values: { COLLECTED: 'italy' } };
-
-const defaultProps = {
-	id: 'id',
-	label: 'label',
-	handleChange,
-	options,
-	response,
-};
-
-describe('list-declarations-wrapper', () => {
-	it('renders without crashing', () => {
-		mount(<ListDeclarationsWrapper {...defaultProps} type="radio" />);
-		mount(<ListDeclarationsWrapper {...defaultProps} type="checkbox" />);
-	});
-
-	it('returns management component', () => {
-		shallow(
-			<ListDeclarationsWrapper {...defaultProps} management type="radio" />
-		);
-	});
-
-	it('renders firing useEffect', () => {
-		const wrapper = mount(
-			<ListDeclarationsWrapper {...defaultProps} type="radio" />
-		);
-		wrapper.setProps({ focused: true });
-	});
-
-	it('should trigger the change event', () => {
-		const wrapper = shallow(
-			<ListDeclarationsWrapper {...defaultProps} type="radio" />
-		);
-		wrapper.find('input').first().simulate('change');
-		expect(handleChange).toHaveBeenCalled();
-		expect(handleChange).toHaveBeenCalledWith({ '': 'france' });
-	});
-});

package/src/tests/components/declarations-wrappers/simple-declarations-wrapper.spec.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { SimpleDeclarationsWrapper } from 'components/declarations/wrappers';
-
-describe('simple-declarations-wrapper', () => {
-	it('renders without crashing', () => {
-		shallow(
-			<SimpleDeclarationsWrapper id="module-id" label="Sequence">
-				<span>{`test`}</span>
-			</SimpleDeclarationsWrapper>
-		);
-	});
-	it('renders with elements', () => {
-		const wrapper = shallow(
-			<SimpleDeclarationsWrapper id="module-id" label="Sequence">
-				<span>{`test`}</span>
-			</SimpleDeclarationsWrapper>
-		);
-		expect(wrapper.children()).toHaveLength(4);
-	});
-});

package/src/tests/components/declarations.spec.js

@@ -1,46 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { Declarations } from 'components';
-import * as C from '../../constants';
-
-const defaultProps = { id: 'id', label: 'label' };
-const declarations = [
-	{
-		position: C.AFTER_QUESTION_TEXT,
-		id: 'id1',
-		label: 'label',
-		declarationType: C.INSTRUCTION,
-	},
-	{
-		position: C.BEFORE_QUESTION_TEXT,
-		id: 'id2',
-		label: 'label',
-		declarationType: C.INSTRUCTION,
-	},
-];
-
-describe('declarations', () => {
-	it('minimalist renders without crashing', () => {
-		shallow(<Declarations {...defaultProps} />);
-	});
-	it('returns no declaration', () => {
-		const wrapper = shallow(
-			<Declarations
-				{...defaultProps}
-				type={C.DETACHABLE}
-				declarations={declarations}
-			/>
-		);
-		expect(wrapper.find('.declarations-lunatic').children()).toHaveLength(0);
-	});
-	it('returns one declaration', () => {
-		const wrapper = shallow(
-			<Declarations
-				{...defaultProps}
-				type={C.AFTER_QUESTION_TEXT}
-				declarations={declarations}
-			/>
-		);
-		expect(wrapper.find('.declarations-lunatic').children()).toHaveLength(1);
-	});
-});

package/src/tests/components/input-number.spec.js

@@ -1,173 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { InputNumber } from 'components';
-
-const defaultProps = { id: 'id', label: 'label' };
-
-describe('input-number', () => {
-	const handleChange = jest.fn();
-
-	it('minimalist renders without crashing', () => {
-		shallow(<InputNumber {...defaultProps} handleChange={handleChange} />);
-	});
-
-	it('renders without crashing', () => {
-		shallow(
-			<InputNumber
-				{...defaultProps}
-				handleChange={handleChange}
-				min={0}
-				max={100}
-				mandatory={true}
-				unit="euros"
-				validators={[({ value }) => (value ? undefined : 'Value is mandatory')]}
-			/>
-		);
-	});
-
-	it('returns readOnly & disabled & autoComplete component', () => {
-		const wrapper = shallow(
-			<InputNumber
-				{...defaultProps}
-				handleChange={handleChange}
-				max={100}
-				readOnly
-				disabled
-				autoComplete
-			/>
-		);
-		expect(wrapper.find('input').prop('readOnly')).toBe(true);
-	});
-
-	it('returns readOnly component', () => {
-		const wrapper = shallow(
-			<InputNumber
-				{...defaultProps}
-				handleChange={handleChange}
-				min={0}
-				readOnly
-			/>
-		);
-		expect(wrapper.find('input').prop('readOnly')).toBe(true);
-	});
-
-	it('returns management component', () => {
-		shallow(
-			<InputNumber {...defaultProps} handleChange={handleChange} management />
-		);
-	});
-
-	it('renders firing useEffect', () => {
-		const wrapper = mount(
-			<InputNumber {...defaultProps} handleChange={handleChange} />
-		);
-		wrapper.setProps({ focused: true });
-	});
-
-	it('returns enabled component', () => {
-		const wrapper = shallow(
-			<InputNumber
-				{...defaultProps}
-				handleChange={handleChange}
-				min={0}
-				max={100}
-				mandatory={true}
-				decimals={1}
-			/>
-		);
-		expect(wrapper.find('input').prop('readOnly')).toBe(false);
-	});
-
-	it('should trigger the change event', () => {
-		const wrapperMin = shallow(
-			<InputNumber {...defaultProps} handleChange={handleChange} min={0} />
-		);
-		wrapperMin.find('input').simulate('change', {
-			target: {
-				value: '-10',
-			},
-		});
-		// TODO: memo or debounce issue ?
-		// expect(handleChange).toHaveBeenCalled();
-		// expect(handleChange).toHaveBeenCalledWith({ '': '-10' });
-		const wrapperMax = shallow(
-			<InputNumber {...defaultProps} handleChange={handleChange} max={100} />
-		);
-		wrapperMax.find('input').simulate('change', {
-			target: {
-				value: '1000',
-			},
-		});
-		// TODO: memo or debounce issue ?
-		// expect(handleChange).toHaveBeenCalled();
-		// expect(handleChange).toHaveBeenCalledWith({ '': '1000' });
-		const wrapperMinMax = shallow(
-			<InputNumber
-				{...defaultProps}
-				handleChange={handleChange}
-				min={5}
-				max={100}
-			/>
-		);
-		wrapperMinMax.find('input').simulate('change', {
-			target: {
-				value: '10',
-			},
-		});
-		// TODO: memo or debounce issue ?
-		// expect(handleChange).toHaveBeenCalled();
-		// expect(handleChange).toHaveBeenCalledWith({ '': '10' });
-	});
-
-	it('render message error', () => {
-		const wrapperMin = shallow(
-			<InputNumber {...defaultProps} handleChange={handleChange} min={1} />
-		);
-		expect(wrapperMin.find('.lunatic-input-number-errors').text()).toEqual('');
-		wrapperMin.find('input').simulate('change', {
-			target: {
-				value: '-1',
-			},
-		});
-		// TODO: find a way to test despite of memo
-		// expect(wrapperMin.find('.lunatic-input-number-errors').text()).toEqual(
-		// 	'La valeur doit être supérieure à 1'
-		// );
-
-		const wrapperMax = shallow(
-			<InputNumber {...defaultProps} handleChange={handleChange} max={9.8} />
-		);
-		expect(wrapperMax.find('.lunatic-input-number-errors').text()).toEqual('');
-		wrapperMax.find('input').simulate('change', {
-			target: {
-				value: '10',
-			},
-		});
-		// TODO: find a way to test despite of memo
-		// expect(wrapperMax.find('.lunatic-input-number-errors').text()).toEqual(
-		// 	'La valeur doit être inférieure à 9.8'
-		// );
-
-		const wrapperMinMax = shallow(
-			<InputNumber
-				{...defaultProps}
-				handleChange={handleChange}
-				min={1}
-				max={10}
-			/>
-		);
-		expect(wrapperMinMax.find('.lunatic-input-number-errors').text()).toEqual(
-			''
-		);
-
-		wrapperMinMax.find('input').simulate('change', {
-			target: {
-				value: '20',
-			},
-		});
-		// TODO: find a way to test despite of memo
-		// expect(wrapperMinMax.find('.lunatic-input-number-errors').text()).toEqual(
-		// 	'La valeur doit être comprise entre 1 et 10'
-		// );
-	});
-});

package/src/tests/components/input.spec.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { Input } from 'components';
-
-const handleChange = jest.fn();
-const defaultProps = { id: 'id', label: 'label', handleChange };
-
-describe('input', () => {
-	it('renders without crashing', () => {
-		shallow(<Input {...defaultProps} />);
-	});
-	it('returns management component', () => {
-		shallow(<Input {...defaultProps} label="label" management />);
-	});
-	it('returns disabled & readOnly component', () => {
-		shallow(<Input {...defaultProps} label="label" disabled readOnly />);
-	});
-});