@inseefr/lunatic 0.1.0-hackathon → 0.1.0-v2

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

@@ -1,45 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { fakeSchedulers } from 'rxjs-marbles/jest';
-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', () => {
-		fakeSchedulers((advance) => {
-			const wrapper = shallow(<CheckboxBoolean {...defaultProps} />);
-			wrapper.find('input').simulate('change', {
-				target: {
-					checked: true,
-				},
-			});
-			advance(400);
-			wrapper.update();
-			expect(handleChange).toHaveBeenCalled();
-			expect(handleChange).toHaveBeenCalledWith({ '': true });
-		});
-	});
-});

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

@@ -1,53 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { fakeSchedulers } from 'rxjs-marbles/jest';
-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', () => {
-		fakeSchedulers((advance) => {
-			const wrapper = shallow(<CheckboxGroup {...defaultProps} />);
-			wrapper
-				.find('input')
-				.first()
-				.simulate('change', {
-					target: {
-						checked: false,
-					},
-				});
-			advance(400);
-			wrapper.update();
-			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,67 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { InputDeclarationsWrapper } from 'components/declarations/wrappers';
-
-const handleChange = jest.fn();
-
-const response = { values: { COLLECTED: 'xxx' } };
-
-const defaultProps = {
-	id: 'id',
-	label: 'label',
-	handleChange,
-	type: 'text',
-	roleType: 'input',
-	response,
-};
-
-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 });
-	});
-
-	// 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,52 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { fakeSchedulers } from 'rxjs-marbles/jest';
-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', () => {
-		fakeSchedulers((advance) => {
-			const wrapper = shallow(
-				<ListDeclarationsWrapper {...defaultProps} type="radio" />
-			);
-			wrapper.find('input').first().simulate('change');
-			advance(400);
-			wrapper.update();
-			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,194 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import { fakeSchedulers } from 'rxjs-marbles/jest';
-import { InputNumber } from 'components';
-
-const response = { values: { COLLECTED: '1' } };
-
-const defaultProps = { id: 'id', label: 'label', response };
-
-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 = mount(
-			<InputNumber
-				{...defaultProps}
-				handleChange={handleChange}
-				max={100}
-				readOnly
-				disabled
-				autoComplete
-			/>
-		);
-		expect(wrapper.find('input').at(0).prop('readOnly')).toBe(true);
-	});
-
-	it('returns readOnly component', () => {
-		const wrapper = mount(
-			<InputNumber
-				{...defaultProps}
-				handleChange={handleChange}
-				min={0}
-				readOnly
-			/>
-		);
-		expect(wrapper.find('input').at(0).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 = mount(
-			<InputNumber
-				{...defaultProps}
-				handleChange={handleChange}
-				min={0}
-				max={100}
-				mandatory={true}
-				decimals={1}
-			/>
-		);
-		expect(wrapper.find('input').at(0).prop('readOnly')).toBe(false);
-	});
-
-	it('should trigger the change event', () => {
-		fakeSchedulers(() => {
-			const wrapperMin = mount(
-				<InputNumber {...defaultProps} handleChange={handleChange} min={0} />
-			);
-			wrapperMin
-				.find('input')
-				.at(0)
-				.simulate('change', {
-					target: {
-						value: '-10',
-					},
-				});
-
-			expect(handleChange).toHaveBeenCalled();
-			expect(handleChange).toHaveBeenCalledWith({ '': '-10' });
-			const wrapperMax = mount(
-				<InputNumber {...defaultProps} handleChange={handleChange} max={100} />
-			);
-			wrapperMax
-				.find('input')
-				.at(0)
-				.simulate('change', {
-					target: {
-						value: '1000',
-					},
-				});
-
-			expect(handleChange).toHaveBeenCalled();
-			expect(handleChange).toHaveBeenCalledWith({ '': '1000' });
-			const wrapperMinMax = mount(
-				<InputNumber
-					{...defaultProps}
-					handleChange={handleChange}
-					min={5}
-					max={100}
-				/>
-			);
-			wrapperMinMax
-				.find('input')
-				.at(0)
-				.simulate('change', {
-					target: {
-						value: '10',
-					},
-				});
-
-			expect(handleChange).toHaveBeenCalled();
-			expect(handleChange).toHaveBeenCalledWith({ '': '10' });
-		});
-	});
-
-	it('render message error', () => {
-		fakeSchedulers(() => {
-			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',
-				},
-			});
-
-			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',
-				},
-			});
-
-			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',
-				},
-			});
-
-			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 />);
-	});
-});

package/src/tests/components/loops/loop-static.json

@@ -1,66 +0,0 @@
-{
-	"components": [
-		{
-			"id": "k3ylzyo4",
-			"componentType": "Loop",
-			"mandatory": true,
-			"positioning": "HORIZONTAL",
-			"label": "\"Ajouter un individu\"",
-			"conditionFilter": { "value": "true" },
-			"bindingDependencies": ["PRENOM", "AGE"],
-			"lines": { "min": "3", "max": "3" },
-			"components": [
-				{
-					"componentType": "Input",
-					"label": "Prénom",
-					"conditionFilter": { "value": "true" },
-					"maxLength": 30,
-					"bindingDependencies": ["PRENOM"],
-					"id": "k3yn2qmr",
-					"response": {
-						"name": "PRENOM"
-					}
-				},
-				{
-					"componentType": "InputNumber",
-					"label": "Age",
-					"conditionFilter": { "value": "true" },
-					"min": 0,
-					"max": 120,
-					"decimals": 0,
-					"bindingDependencies": ["AGE"],
-					"id": "k3ymundt",
-					"response": {
-						"name": "AGE"
-					}
-				}
-			]
-		}
-	],
-	"variables": [
-		{
-			"variableType": "COLLECTED",
-			"name": "PRENOM",
-			"componentRef": "k3ylzyo4",
-			"values": {
-				"PREVIOUS": [null],
-				"COLLECTED": ["Marco"],
-				"FORCED": [null],
-				"EDITED": [null],
-				"INPUTED": [null]
-			}
-		},
-		{
-			"variableType": "COLLECTED",
-			"name": "AGE",
-			"componentRef": "k3ylzyo4",
-			"values": {
-				"PREVIOUS": [null],
-				"COLLECTED": ["28"],
-				"FORCED": [null],
-				"EDITED": [null],
-				"INPUTED": [null]
-			}
-		}
-	]
-}