@inseefr/lunatic 0.2.62 → 0.3.2-experimental

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']}
+			/>
+		);
+	});
+});

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

@@ -0,0 +1,71 @@
+{
+	"components": [
+		{
+			"id": "k3ylzyo4",
+			"componentType": "RosterForLoop",
+			"mandatory": true,
+			"positioning": "HORIZONTAL",
+			"label": "\"Qui sont les personnes qui habitent dans votre logement ?\"",
+			"conditionFilter": { "value": "true" },
+			"bindingDependencies": ["PRENOM", "AGE"],
+			"lines": { "min": 1, "max": 10 },
+			"page": "1",
+			"headers": [
+				{ "headerCell": true, "label": "Prénom" },
+				{ "headerCell": true, "label": "Age" }
+			],
+			"components": [
+				{
+					"componentType": "Input",
+					"conditionFilter": { "value": "true" },
+					"maxLength": 30,
+					"bindingDependencies": ["PRENOM"],
+					"id": "k3yn2qmr",
+					"response": {
+						"name": "PRENOM"
+					},
+					"page": "1"
+				},
+				{
+					"componentType": "InputNumber",
+					"conditionFilter": { "value": "true" },
+					"min": 0,
+					"max": 120,
+					"decimals": 0,
+					"bindingDependencies": ["AGE"],
+					"id": "k3ymundt",
+					"response": {
+						"name": "AGE"
+					},
+					"page": "1"
+				}
+			]
+		}
+	],
+	"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": [null],
+				"FORCED": [null],
+				"EDITED": [null],
+				"INPUTED": [null]
+			}
+		}
+	]
+}

package/src/tests/components/missing-wrapper.spec.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import { Radio } 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,
+};
+
+const defaultPropsWithMissing = {
+	...defaultProps,
+	missingResponse: { name: 'z', values: { COLLECTED: null } },
+};
+
+describe('missing-wrapper', () => {
+	it('renders without crashing', () => {
+		mount(<Radio {...defaultProps} />);
+	});
+	it('renders with missing without crashing', () => {
+		mount(<Radio {...defaultPropsWithMissing} />);
+	});
+});

package/src/tests/components/progress-bar.spec.js

@@ -1,15 +1,15 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { ProgressBar } from 'components';
-
-describe('progress-bar', () => {
-	it('renders without crashing', () => {
-		shallow(<ProgressBar id="progress-bar-id" value={50} />);
-	});
-	it('renders without crashing with negative value', () => {
-		shallow(<ProgressBar id="progress-bar-id" value={-10} />);
-	});
-	it('renders without crashing with upper than 100 value', () => {
-		shallow(<ProgressBar id="progress-bar-id" value={1000} />);
-	});
-});
+import React from 'react';
+import { shallow } from 'enzyme';
+import { ProgressBar } from 'components';
+
+describe('progress-bar', () => {
+	it('renders without crashing', () => {
+		shallow(<ProgressBar id="progress-bar-id" value={50} />);
+	});
+	it('renders without crashing with negative value', () => {
+		shallow(<ProgressBar id="progress-bar-id" value={-10} />);
+	});
+	it('renders without crashing with upper than 100 value', () => {
+		shallow(<ProgressBar id="progress-bar-id" value={1000} />);
+	});
+});

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

@@ -1,21 +1,27 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import { Radio } from 'components';
-
-const handleChange = jest.fn();
-const defaultProps = {
-	id: 'id',
-	label: 'label',
-	handleChange,
-	options: [
-		{ value: 'france', label: 'France' },
-		{ value: 'italy', label: 'Italy' },
-	],
-	positioning: 'VERTICAL',
-};
-
-describe('radio', () => {
-	it('renders without crashing', () => {
-		mount(<Radio {...defaultProps} />);
-	});
-});
+import React from 'react';
+import { shallow, mount } from 'enzyme';
+import { Radio } 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('radio', () => {
+	it('renders without crashing', () => {
+		mount(<Radio {...defaultProps} />);
+	});
+
+	it('returns management & disabled component', () => {
+		shallow(<Radio {...defaultProps} management disabled />);
+	});
+});

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

@@ -1,9 +1,9 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { Sequence } from 'components';
-
-describe('sequence', () => {
-	it('renders without crashing', () => {
-		shallow(<Sequence id="module-id" label="Sequence" />);
-	});
-});
+import React from 'react';
+import { shallow } from 'enzyme';
+import { Sequence } from 'components';
+
+describe('sequence', () => {
+	it('renders without crashing', () => {
+		shallow(<Sequence id="module-id" label="Sequence" />);
+	});
+});

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

@@ -1,9 +1,9 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { Subsequence } from 'components';
-
-describe('subsequence', () => {
-	it('renders without crashing', () => {
-		shallow(<Subsequence id="subsequence-id" label="Subsequence" />);
-	});
-});
+import React from 'react';
+import { shallow } from 'enzyme';
+import { Subsequence } from 'components';
+
+describe('subsequence', () => {
+	it('renders without crashing', () => {
+		shallow(<Subsequence id="subsequence-id" label="Subsequence" />);
+	});
+});

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

@@ -1,11 +1,11 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import { Table } from 'components';
-
-describe('table', () => {
-	const handleChange = jest.fn();
-
-	it('renders without crashing', () => {
-		mount(<Table id={'table-id'} handleChange={handleChange} />);
-	});
-});
+import React from 'react';
+import { mount } from 'enzyme';
+import { Table } from 'components';
+
+describe('table', () => {
+	const handleChange = jest.fn();
+
+	it('renders without crashing', () => {
+		mount(<Table id={'table-id'} handleChange={handleChange} />);
+	});
+});

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

@@ -1,38 +1,18 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { Textarea } from 'components';
-
-const handleChange = jest.fn();
-const defaultProps = { id: 'id', label: 'label', handleChange };
-
-describe('textarea', () => {
-	it('renders without crashing', () => {
-		shallow(<Textarea {...defaultProps} />);
-	});
-
-	it('returns readOnly component', () => {
-		const wrapper = shallow(<Textarea {...defaultProps} readOnly />);
-		expect(wrapper.find('textarea').prop('readOnly')).toBeTruthy();
-	});
-
-	it('returns enabled component', () => {
-		const wrapper = shallow(<Textarea {...defaultProps} />);
-		expect(wrapper.find('textarea').prop('readOnly')).toBeFalsy();
-	});
-
-	it('returns required component', () => {
-		const wrapper = shallow(<Textarea {...defaultProps} required />);
-		expect(wrapper.find('textarea').prop('required')).toBeTruthy();
-	});
-
-	it('should trigger the change event', () => {
-		const wrapper = shallow(<Textarea {...defaultProps} />);
-		wrapper.find('textarea').simulate('change', {
-			target: {
-				value: 'new textarea value',
-			},
-		});
-		expect(handleChange).toHaveBeenCalled();
-		expect(handleChange).toHaveBeenCalledWith({ '': 'new textarea value' });
-	});
-});
+import React from 'react';
+import { shallow } from 'enzyme';
+import { Textarea } from 'components';
+
+const handleChange = jest.fn();
+const defaultProps = { id: 'id', label: 'label', handleChange };
+
+describe('textarea', () => {
+	it('renders without crashing', () => {
+		shallow(<Textarea {...defaultProps} />);
+	});
+	it('returns management component', () => {
+		shallow(<Textarea {...defaultProps} label="label" management />);
+	});
+	it('returns disabled & readOnly component', () => {
+		shallow(<Textarea {...defaultProps} label="label" disabled readOnly />);
+	});
+});

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { shallow, mount } from 'enzyme';
+import { TooltipResponse } from 'components';
+
+const response = {
+	name: 'Response',
+	values: {
+		PREVIOUS: null,
+		COLLECTED: '1',
+		FORCED: '0',
+		EDITED: '1',
+		INPUTED: null,
+	},
+};
+
+describe('tooltip', () => {
+	it('renders without crashing', () => {
+		shallow(<TooltipResponse id="id" />);
+		shallow(<TooltipResponse id="id" response={response} />);
+	});
+	it('renders firing useEffect', () => {
+		const wrapper = mount(<TooltipResponse id="id" response={response} />);
+		wrapper.setProps({ response: {} });
+	});
+});

package/src/tests/setup/setupTests.js

@@ -1,4 +1,4 @@
-import { configure } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
-
-configure({ adapter: new Adapter() });
+import { configure } from 'enzyme';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
+
+configure({ adapter: new Adapter() });

package/src/tests/utils/lib/alphabet.spec.js

@@ -0,0 +1,36 @@
+import { getAlphabet } from 'utils/lib';
+
+describe('alphabet', () => {
+	describe('getAlphabet', () => {
+		it('should return array of letters', () => {
+			expect(getAlphabet()).toEqual([
+				'a',
+				'b',
+				'c',
+				'd',
+				'e',
+				'f',
+				'g',
+				'h',
+				'i',
+				'j',
+				'k',
+				'l',
+				'm',
+				'n',
+				'o',
+				'p',
+				'q',
+				'r',
+				's',
+				't',
+				'u',
+				'v',
+				'w',
+				'x',
+				'y',
+				'z',
+			]);
+		});
+	});
+});

package/src/tests/utils/lib/array.spec.js

@@ -0,0 +1,22 @@
+import { buildNullNestedArray } from 'utils/lib';
+
+describe('array utils', () => {
+	describe('buildNullNestedArray', () => {
+		it('should return default', () => {
+			expect(buildNullNestedArray()).toEqual([]);
+			expect(buildNullNestedArray('')).toEqual([]);
+		});
+		it('should return null array', () => {
+			expect(buildNullNestedArray(['5'])).toEqual([null]);
+			expect(
+				buildNullNestedArray([
+					['1.222', 3],
+					['1', '2'],
+				])
+			).toEqual([
+				[null, null],
+				[null, null],
+			]);
+		});
+	});
+});

package/src/tests/utils/lib/checkbox/group.spec.js

@@ -0,0 +1,72 @@
+import { responseToClean, responsesToClean } from 'utils/lib';
+
+describe('checkbox utils', () => {
+	describe('responseToClean', () => {
+		it('should return default value', () => {
+			expect(responseToClean()()).toBeFalsy();
+			expect(responseToClean({})(['COLLECTED'])).toBeFalsy();
+			expect(
+				responseToClean({
+					name: 'key',
+					values: { COLLECTED: true, EDITED: false },
+				})()
+			).toBeFalsy();
+		});
+		it('should return true', () => {
+			expect(
+				responseToClean({
+					name: 'key',
+					values: { COLLECTED: null, EDITED: true },
+				})(['COLLECTED', 'EDITED'])
+			).toBeTruthy();
+		});
+		it('should return false', () => {
+			expect(
+				responseToClean({
+					name: 'key',
+					values: { COLLECTED: true, EDITED: false },
+				})(['COLLECTED', 'EDITED'])
+			).toBeFalsy();
+		});
+	});
+	describe('responsesToClean', () => {
+		it('should return default value', () => {
+			expect(responsesToClean()()()).toBeFalsy();
+			expect(responsesToClean([])(['COLLECTED'])('')).toBeFalsy();
+			expect(
+				responsesToClean([
+					{ response: { name: 'key', values: { COLLECTED: true } } },
+				])()('key')
+			).toBeFalsy();
+			expect(
+				responsesToClean([
+					{ response: { name: 'key', values: { COLLECTED: true } } },
+				])(['COLLECTED'])()
+			).toBeFalsy();
+		});
+		it('should return true', () => {
+			expect(
+				responsesToClean([
+					{
+						response: {
+							name: 'key',
+							values: { COLLECTED: null, EDITED: true },
+						},
+					},
+				])(['COLLECTED', 'EDITED'])('key')
+			).toBeTruthy();
+		});
+		it('should return false', () => {
+			expect(
+				responsesToClean([
+					{
+						response: {
+							name: 'key',
+							values: { COLLECTED: true, EDITED: false },
+						},
+					},
+				])(['COLLECTED', 'EDITED'])('key')
+			).toBeFalsy();
+		});
+	});
+});

package/src/tests/utils/lib/decorator/title-decorator.spec.js

@@ -1,12 +1,12 @@
-import React from 'react';
-import { titleDecorator } from 'utils/lib';
-import { shallow } from 'enzyme';
-
-describe('string utils', () => {
-	describe('titleDecorator', () => {
-		it('renders without crashing', () => {
-			const WrappedComponent = titleDecorator(() => <div>Component</div>);
-			shallow(<WrappedComponent title="Component title" />);
-		});
-	});
-});
+import React from 'react';
+import { titleDecorator } from 'utils/lib';
+import { shallow } from 'enzyme';
+
+describe('string utils', () => {
+	describe('titleDecorator', () => {
+		it('renders without crashing', () => {
+			const WrappedComponent = titleDecorator(() => <div>Component</div>);
+			shallow(<WrappedComponent title="Component title" />);
+		});
+	});
+});

package/src/tests/utils/lib/input-number.spec.js

@@ -0,0 +1,18 @@
+import { isNumberValid } from 'utils/lib';
+
+describe('input number utils', () => {
+	describe('isNumberValid', () => {
+		it('should return default false', () => {
+			expect(isNumberValid('')).toBeFalsy();
+			expect(isNumberValid('r')).toBeFalsy();
+			expect(isNumberValid('1.')).toBeFalsy();
+			expect(isNumberValid('1.0')).toBeFalsy();
+			expect(isNumberValid('1.222')).toBeFalsy();
+			expect(isNumberValid('1.222', 2)).toBeFalsy();
+		});
+		it('should return true', () => {
+			expect(isNumberValid('5')).toBeTruthy();
+			expect(isNumberValid('1.222', 3)).toBeTruthy();
+		});
+	});
+});

package/src/tests/utils/lib/items-positioning.spec.js

@@ -1,17 +1,17 @@
-import { getItemsPositioningClass } from 'utils/lib';
-
-describe('string utils', () => {
-	describe('getItemsPositioningClass', () => {
-		it('should return default value', () => {
-			expect(getItemsPositioningClass()).toEqual('');
-			expect(getItemsPositioningClass('')).toEqual('');
-			expect(getItemsPositioningClass('DEFAULT')).toEqual('');
-			expect(getItemsPositioningClass('VERTICAL')).toEqual('');
-		});
-		it('should return "horizontal-options"', () => {
-			expect(getItemsPositioningClass('HORIZONTAL')).toEqual(
-				'horizontal-options'
-			);
-		});
-	});
-});
+import { getItemsPositioningClass } from 'utils/lib';
+
+describe('string utils', () => {
+	describe('getItemsPositioningClass', () => {
+		it('should return default value', () => {
+			expect(getItemsPositioningClass()).toEqual('');
+			expect(getItemsPositioningClass('')).toEqual('');
+			expect(getItemsPositioningClass('DEFAULT')).toEqual('');
+			expect(getItemsPositioningClass('VERTICAL')).toEqual('');
+		});
+		it('should return "horizontal-options"', () => {
+			expect(getItemsPositioningClass('HORIZONTAL')).toEqual(
+				'horizontal-options'
+			);
+		});
+	});
+});

package/src/tests/utils/lib/label-position.spec.js

@@ -1,19 +1,22 @@
-import { getLabelPositionClass } from 'utils/lib';
-
-describe('string utils', () => {
-	describe('getLabelPositionClass', () => {
-		it('should return default value', () => {
-			expect(getLabelPositionClass()).toEqual('label-left');
-			expect(getLabelPositionClass('')).toEqual('label-left');
-		});
-		it('should return "label-top"', () => {
-			expect(getLabelPositionClass('TOP')).toEqual('label-top');
-		});
-		it('should return "label-bottom"', () => {
-			expect(getLabelPositionClass('BOTTOM')).toEqual('label-bottom');
-		});
-		it('should return "label-right"', () => {
-			expect(getLabelPositionClass('RIGHT')).toEqual('label-right');
-		});
-	});
-});
+import { getLabelPositionClass } from 'utils/lib';
+
+describe('string utils', () => {
+	describe('getLabelPositionClass', () => {
+		it('should return default value', () => {
+			expect(getLabelPositionClass()).toEqual('label-top');
+			expect(getLabelPositionClass('')).toEqual('label-top');
+		});
+		it('should return "label-top"', () => {
+			expect(getLabelPositionClass('TOP')).toEqual('label-top');
+		});
+		it('should return "label-bottom"', () => {
+			expect(getLabelPositionClass('BOTTOM')).toEqual('label-bottom');
+		});
+		it('should return "label-right"', () => {
+			expect(getLabelPositionClass('RIGHT')).toEqual('label-right');
+		});
+		it('should return "label-left"', () => {
+			expect(getLabelPositionClass('LEFT')).toEqual('label-left');
+		});
+	});
+});