@inseefr/lunatic 0.1.7 → 0.1.8-experimental

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

@@ -0,0 +1,67 @@
+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

@@ -0,0 +1,52 @@
+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

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1,46 @@
+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,8 +1,11 @@
 import React from 'react';
-import { shallow } from 'enzyme';
+import { shallow, mount } from 'enzyme';
+import { fakeSchedulers } from 'rxjs-marbles/jest';
 import { InputNumber } from 'components';
 
-const defaultProps = { id: 'id', label: 'label', value: 10 };
+const response = { values: { COLLECTED: '1' } };
+
+const defaultProps = { id: 'id', label: 'label', response };
 
 describe('input-number', () => {
 	const handleChange = jest.fn();
@@ -18,78 +21,174 @@ describe('input-number', () => {
 				handleChange={handleChange}
 				min={0}
 				max={100}
-				required={true}
+				mandatory={true}
 				unit="euros"
-				validators={[({ value }) => (value ? undefined : 'Value is required')]}
+				validators={[(value) => (value ? undefined : 'Value is mandatory')]}
 			/>
 		);
 	});
 
-	it('returns readOnly component', () => {
-		const wrapper = shallow(
+	it('returns readOnly & disabled & autoComplete component', () => {
+		const wrapper = mount(
 			<InputNumber
 				{...defaultProps}
 				handleChange={handleChange}
-				min={0}
 				max={100}
 				readOnly
+				disabled
+				autoComplete
 			/>
 		);
-		expect(wrapper.find('input').prop('readOnly')).toBe(true);
+		expect(wrapper.find('input').at(0).prop('readOnly')).toBe(true);
 	});
 
 	it('returns readOnly component', () => {
-		const wrapper = shallow(
+		const wrapper = mount(
 			<InputNumber
 				{...defaultProps}
 				handleChange={handleChange}
 				min={0}
-				max={100}
 				readOnly
 			/>
 		);
-		expect(wrapper.find('input').prop('readOnly')).toBe(true);
+		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 = shallow(
+		const wrapper = mount(
 			<InputNumber
 				{...defaultProps}
 				handleChange={handleChange}
 				min={0}
 				max={100}
-				required={true}
+				mandatory={true}
 				decimals={1}
 			/>
 		);
-		expect(wrapper.find('input').prop('readOnly')).toBe(false);
+		expect(wrapper.find('input').at(0).prop('readOnly')).toBe(false);
 	});
 
 	it('should trigger the change event', () => {
-		const wrapper = shallow(
-			<InputNumber
-				{...defaultProps}
-				handleChange={handleChange}
-				min={0}
-				max={100}
-			/>
-		);
-		wrapper.find('input').simulate('change', {
-			target: {
-				value: 10,
-			},
+		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' });
 		});
-		expect(handleChange).toHaveBeenCalledWith(10);
 	});
-	it('should active warning class', () => {
-		const wrapper = shallow(
-			<InputNumber
-				{...defaultProps}
-				handleChange={handleChange}
-				min={0}
-				max={100}
-			/>
-		);
-		wrapper.setState({ messagesError: ['error'] });
+
+	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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1,66 @@
+{
+	"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]
+			}
+		}
+	]
+}