@inseefr/lunatic 0.2.60 → 0.3.0-experimental

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' };
+const response = { values: { COLLECTED: '1' } };
+
+const defaultProps = { id: 'id', label: 'label', response };
 
 describe('input-number', () => {
 	const handleChange = jest.fn();
@@ -18,68 +21,168 @@ 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' });
+		});
+	});
+
+	it('render message error', () => {
+		fakeSchedulers(() => {
+			const wrapperMin = shallow(
+				<InputNumber {...defaultProps} handleChange={handleChange} min={1} />
+			);
+
+			expect(wrapperMin.find('.lunatic-controls').text()).toEqual('');
+			wrapperMin.find('input').simulate('change', {
+				target: {
+					value: '-1',
+				},
+			});
+
+			expect(wrapperMin.find('.lunatic-controls').text()).toEqual(
+				'La valeur doit être supérieure à 1'
+			);
+
+			const wrapperMax = shallow(
+				<InputNumber {...defaultProps} handleChange={handleChange} max={9.8} />
+			);
+			expect(wrapperMax.find('.lunatic-controls').text()).toEqual('');
+			wrapperMax.find('input').simulate('change', {
+				target: {
+					value: '10',
+				},
+			});
+
+			expect(wrapperMax.find('.lunatic-controls').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-controls').text()).toEqual('');
+
+			wrapperMinMax.find('input').simulate('change', {
+				target: {
+					value: '20',
+				},
+			});
+
+			expect(wrapperMinMax.find('.lunatic-controls').text()).toEqual(
+				'La valeur doit être comprise entre 1 et 10'
+			);
 		});
-		expect(handleChange).toHaveBeenCalled();
-		expect(handleChange).toHaveBeenCalledWith({ '': 10 });
 	});
 });

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

@@ -1,38 +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 readOnly component', () => {
-		const wrapper = shallow(<Input {...defaultProps} readOnly />);
-		expect(wrapper.find('input').prop('readOnly')).toBeTruthy();
-	});
-
-	it('returns enabled component', () => {
-		const wrapper = shallow(<Input {...defaultProps} />);
-		expect(wrapper.find('input').prop('readOnly')).toBeFalsy();
-	});
-
-	it('returns required component', () => {
-		const wrapper = shallow(<Input {...defaultProps} required />);
-		expect(wrapper.find('input').prop('required')).toBeTruthy();
-	});
-
-	it('should trigger the change event', () => {
-		const wrapper = shallow(<Input {...defaultProps} />);
-		wrapper.find('input').simulate('change', {
-			target: {
-				value: 'new value',
-			},
-		});
-		expect(handleChange).toHaveBeenCalled();
-		expect(handleChange).toHaveBeenCalledWith({ '': 'new value' });
-	});
-});
+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]
+			}
+		}
+	]
+}

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

@@ -0,0 +1,258 @@
+{
+	"components": [
+		{
+			"id": "k3ym61vf",
+			"componentType": "Sequence",
+			"label": "\"Description des individus de votre logement\"",
+			"conditionFilter": { "value": "true" },
+			"bindingDependencies": [],
+			"page": "1"
+		},
+		{
+			"id": "k3ylzyo4",
+			"componentType": "Loop",
+			"mandatory": true,
+			"positioning": "HORIZONTAL",
+			"label": "\"Ajouter un individu\"",
+			"conditionFilter": { "value": "true" },
+			"bindingDependencies": ["PRENOM", "AGE"],
+			"lines": { "min": 1, "max": 10 },
+			"page": "2",
+			"components": [
+				{
+					"componentType": "Input",
+					"label": "Prénom",
+					"conditionFilter": { "value": "true" },
+					"maxLength": 30,
+					"bindingDependencies": ["PRENOM"],
+					"id": "k3yn2qmr",
+					"response": {
+						"name": "PRENOM"
+					},
+					"page": "2.1"
+				},
+				{
+					"componentType": "InputNumber",
+					"label": "Age",
+					"conditionFilter": { "value": "true" },
+					"min": 0,
+					"max": 120,
+					"decimals": 0,
+					"bindingDependencies": ["AGE"],
+					"id": "k3ymundt",
+					"response": {
+						"name": "AGE"
+					},
+					"page": "2.1"
+				}
+			]
+		},
+		{
+			"id": "idLoop",
+			"label": "boucle individu",
+			"componentType": "Loop",
+			"iterations": "count(PRENOM)",
+			"conditionFilter": { "value": "true" },
+			"loopDependencies": ["PRENOM", "AGE"],
+			"bindingDependencies": ["PRENOM", "PROPRIO", "TPSTRAJET", "AGE"],
+			"page": "3",
+			"components": [
+				{
+					"id": "k3ymch91",
+					"componentType": "Sequence",
+					"label": "PRENOM",
+					"conditionFilter": { "value": "true" },
+					"bindingDependencies": ["PRENOM"],
+					"page": "3.1"
+				},
+				{
+					"id": "k3ym68i7",
+					"componentType": "CheckboxOne",
+					"mandatory": false,
+					"label": "PRENOM || \", êtes-vous propriétaire du logement ?\"",
+					"conditionFilter": { "value": "true" },
+					"bindingDependencies": ["PRENOM", "PROPRIO"],
+					"response": {
+						"name": "PROPRIO"
+					},
+					"options": [
+						{ "value": "1", "label": "Oui" },
+						{ "value": "2", "label": "Non" }
+					],
+					"page": "3.1"
+				},
+				{
+					"id": "radio",
+					"componentType": "CheckboxOne",
+					"mandatory": false,
+					"label": "PRENOM || \", quel est votre lien avec \" || PRENOM_REF \" ?\"",
+					"conditionFilter": { "value": "PRENOM <> PRENOM_REF" },
+					"bindingDependencies": ["PRENOM", "LIEN"],
+					"response": {
+						"name": "LIEN"
+					},
+					"options": [
+						{ "value": "1", "label": "Conjoint" },
+						{ "value": "2", "label": "Enfant" },
+						{ "value": "3", "label": "Autre" }
+					],
+					"page": "3.1"
+				},
+				{
+					"id": "k3ym6x16",
+					"label": "Quel est votre temps de trajet domicile-travail ?",
+					"componentType": "InputNumber",
+					"conditionFilter": { "value": "true" },
+					"mandatory": false,
+					"bindingDependencies": ["TPSTRAJET"],
+					"min": 0,
+					"max": 180,
+					"decimals": 0,
+					"unit": "minute(s)",
+					"response": {
+						"name": "TPSTRAJET"
+					},
+					"page": "3.2"
+				}
+			]
+		},
+		{
+			"id": "k3ym61vfzzzzzzzzzzzz",
+			"componentType": "Sequence",
+			"label": "\"Questionnaire logement\"",
+			"conditionFilter": { "value": "true" },
+			"bindingDependencies": [],
+			"page": "4"
+		},
+		{
+			"id": "k3ym6i5g",
+			"componentType": "CheckboxOne",
+			"mandatory": false,
+			"label": "\"Diriez-vous que votre logement est confortable ?\"",
+			"conditionFilter": { "value": "true" },
+			"bindingDependencies": [],
+			"response": {
+				"name": "CONFORT"
+			},
+			"options": [
+				{ "value": "1", "label": "Oui" },
+				{ "value": "2", "label": "Non" }
+			],
+			"page": "4"
+		},
+		{
+			"id": "k3ymkpj2",
+			"label": "Quelle est la superficie du logement ?",
+			"unit": "m²",
+			"componentType": "InputNumber",
+			"conditionFilter": { "value": "true" },
+			"bindingDependencies": [],
+			"mandatory": false,
+			"min": 0,
+			"max": 500,
+			"decimals": 0,
+			"response": {
+				"name": "SUPERFICIE"
+			},
+			"page": "5"
+		}
+	],
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"name": "PRENOM",
+			"componentRef": "k3ylzyo4",
+			"values": {
+				"PREVIOUS": [null],
+				"COLLECTED": ["Mauro", "Marco"],
+				"FORCED": [null],
+				"EDITED": [null],
+				"INPUTED": [null]
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "AGE",
+			"componentRef": "k3ylzyo4",
+			"values": {
+				"PREVIOUS": [null],
+				"COLLECTED": ["30", "28"],
+				"FORCED": [null],
+				"EDITED": [null],
+				"INPUTED": [null]
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "PROPRIO",
+			"componentRef": "idLoop",
+			"values": {
+				"PREVIOUS": [null],
+				"COLLECTED": [null],
+				"FORCED": [null],
+				"EDITED": [null],
+				"INPUTED": [null]
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "TPSTRAJET",
+			"componentRef": "idLoop",
+			"values": {
+				"PREVIOUS": [null],
+				"COLLECTED": [null],
+				"FORCED": [null],
+				"EDITED": [null],
+				"INPUTED": [null]
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "CONFORT",
+			"componentRef": "k3ym6i5g",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "SUPERFICIE",
+			"componentRef": "k3ymkpj2",
+			"values": {
+				"PREVIOUS": null,
+				"COLLECTED": null,
+				"FORCED": null,
+				"EDITED": null,
+				"INPUTED": null
+			}
+		},
+		{
+			"variableType": "COLLECTED",
+			"name": "LIEN",
+			"componentRef": "idLoop",
+			"values": {
+				"PREVIOUS": [null],
+				"COLLECTED": [null],
+				"FORCED": [null],
+				"EDITED": [null],
+				"INPUTED": [null]
+			}
+		},
+		{
+			"variableType": "CALCULATED",
+			"expression": "cast(SUPERFICIE, number) + 10",
+			"name": "Test",
+			"bindingDependencies": ["SUPERFICIE"]
+		},
+		{
+			"variableType": "CALCULATED",
+			"expression": "first_value(PRENOM over())",
+			"name": "PRENOM_REF",
+			"bindingDependencies": ["PRENOM"]
+		}
+	]
+}

package/src/tests/components/loops/loop.spec.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Orchestrator from '../../../stories/utils/orchestrator';
+import source from './loop';
+import sourceStatic from './loop-static';
+
+describe('Loop', () => {
+	it('renders loop q without crashing', () => {
+		mount(
+			<Orchestrator
+				source={source}
+				data={{}}
+				management={false}
+				features={['VTL']}
+				pagination
+				initialPage="3.12#1"
+			/>
+		);
+	});
+	it('renders static loop q without crashing', () => {
+		mount(
+			<Orchestrator
+				source={sourceStatic}
+				data={{}}
+				management={false}
+				features={['VTL']}
+			/>
+		);
+	});
+});

package/src/tests/components/loops/roster-for-loop.spec.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Orchestrator from '../../../stories/utils/orchestrator';
+import source from './roster-loop';
+
+describe('RosterForLoop', () => {
+	it('renders without crashing', () => {
+		mount(
+			<Orchestrator
+				source={source}
+				data={{}}
+				management={false}
+				pagination
+				features={['VTL']}
+			/>
+		);
+	});
+});