@inseefr/lunatic 0.1.6 → 0.1.8-experimental

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,69 @@
+{
+	"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"
+					}
+				},
+				{
+					"componentType": "InputNumber",
+					"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": ["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,33 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import missingWrapper from 'components/missing-wrapper';
+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

@@ -0,0 +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} />);
+	});
+});

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

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

@@ -0,0 +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" />);
+	});
+});

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

@@ -0,0 +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" />);
+	});
+});

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

@@ -0,0 +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} />);
+	});
+});

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

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

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

@@ -0,0 +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" />);
+		});
+	});
+});

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

@@ -0,0 +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'
+			);
+		});
+	});
+});

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

@@ -0,0 +1,22 @@
+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');
+		});
+	});
+});

package/src/tests/utils/lib/loops/bindings.spec.js

@@ -0,0 +1,75 @@
+import * as U from 'utils/lib';
+
+const bindings = { A: 'AAA', B: ['b', 'bb'] };
+
+describe('loop bindings utils', () => {
+	describe('buildBindingsForDeeperComponents', () => {
+		it('should return default value', () => {
+			expect(U.buildBindingsForDeeperComponents()()).toEqual({});
+			expect(U.buildBindingsForDeeperComponents(0)()).toEqual({});
+			expect(U.buildBindingsForDeeperComponents()({})).toEqual({});
+		});
+		it('should return bindings for loop', () => {
+			expect(U.buildBindingsForDeeperComponents(1)(bindings)).toEqual({
+				A: 'AAA',
+				B: 'bb',
+			});
+		});
+	});
+	describe('buildLoopBindings', () => {
+		it('should return default value', () => {
+			expect(U.buildLoopBindings(0)()).toEqual({});
+			expect(U.buildLoopBindings(0)({})).toEqual({});
+		});
+		it('should return bindings for loop', () => {
+			expect(
+				U.buildLoopBindings(1)([
+					['a', 'A'],
+					['b', ['B0', 'B1']],
+				])
+			).toEqual({
+				a: 'A',
+				b: 'B1',
+			});
+		});
+	});
+	describe('buildVectorialBindings', () => {
+		it('should return default value', () => {
+			expect(U.buildVectorialBindings()).toEqual({});
+			expect(U.buildVectorialBindings({})).toEqual({});
+		});
+		it('should return vectorial bindings', () => {
+			expect(U.buildVectorialBindings(bindings)).toEqual({
+				A: 'AAA',
+				B: { dataStructure: { B: {} }, dataPoints: { B: ['b', 'bb'] } },
+			});
+		});
+	});
+	describe('displayLoop', () => {
+		it('should return default value', () => {
+			expect(U.displayLoop()()).toBeFalsy();
+			expect(U.displayLoop([])({})).toBeFalsy();
+		});
+		it('should return display loop', () => {
+			expect(U.displayLoop(['A'])({ A: [null] })).toBeFalsy();
+		});
+		it('should return display loop', () => {
+			expect(U.displayLoop(['A'])({ A: ['a'] })).toBeTruthy();
+		});
+	});
+	describe('displayLoopQuestion', () => {
+		it('should return default value', () => {
+			expect(U.displayLoopQuestion()()).toBeFalsy();
+			expect(U.displayLoopQuestion([])({})).toBeFalsy();
+		});
+		it('should return display loop', () => {
+			expect(
+				U.displayLoopQuestion(['A', 'B'])({ A: [[null]], B: null })
+			).toBeFalsy();
+		});
+		it('should return display loop', () => {
+			expect(U.displayLoopQuestion(['A'])({ A: [[null]] })).toBeTruthy();
+			expect(U.displayLoopQuestion(['A'])({ A: 'a' })).toBeTruthy();
+		});
+	});
+});

package/src/tests/utils/lib/loops/shared.spec.js

@@ -0,0 +1,82 @@
+import * as U from 'utils/lib';
+
+const componentsForInit = [
+	{
+		id: '1',
+		response: { name: 'a', values: { COLLECTED: [null, 'a'] } },
+		missingResponse: { name: 'z', depth: 0 },
+		depth: 0,
+	},
+	{
+		id: '2',
+		response: { name: 'b', values: { COLLECTED: [null, 'b'] } },
+		depth: 0,
+	},
+	{
+		id: '3',
+		responses: [
+			{
+				id: '3.1',
+				depth: 1,
+				response: { name: 'c', values: { COLLECTED: [null, null] } },
+				missingResponse: { name: 'zz', depth: 1 },
+			},
+		],
+	},
+];
+
+describe('loop roster utils', () => {
+	describe('getLoopConstructorInitLines', () => {
+		it('should return default value', () => {
+			expect(U.getLoopConstructorInitLines()).toEqual(0);
+			expect(U.getLoopConstructorInitLines([])).toEqual(0);
+		});
+		it('should return roster init line length', () => {
+			expect(U.getLoopConstructorInitLines(componentsForInit)).toEqual(2);
+		});
+	});
+	describe('getInvolvedVariables', () => {
+		it('should return default value', () => {
+			expect(U.getInvolvedVariables()).toEqual([]);
+			expect(U.getInvolvedVariables([])).toEqual([]);
+		});
+		it('should return variables involved into roster for loop', () => {
+			expect(U.getInvolvedVariables(componentsForInit)).toEqual([
+				{ name: 'a', depth: 0 },
+				{ name: 'z', depth: 0 },
+				{ name: 'b', depth: 0 },
+				{ name: 'c', depth: 1 },
+				{ name: 'zz', depth: 1 },
+			]);
+		});
+	});
+	describe('lastLoopChildLineIsEmpty', () => {
+		it('should return default value', () => {
+			expect(U.lastLoopChildLineIsEmpty()()).toBeTruthy();
+			expect(U.lastLoopChildLineIsEmpty({})([])).toBeTruthy();
+		});
+		it('should return last line is not empty', () => {
+			const d = { A: [null, 'a'], B: ['b', null] };
+			const iv = [{ name: 'A' }, { name: 'B' }];
+			expect(U.lastLoopChildLineIsEmpty(d)(iv)).toBeFalsy();
+		});
+		it('should return last line is empty', () => {
+			const d = { A: [null, null], B: ['b', null] };
+			const iv = [{ name: 'A' }, { name: 'B' }];
+			expect(U.lastLoopChildLineIsEmpty(d)(iv)).toBeTruthy();
+		});
+	});
+
+	describe('buildEmptyValue', () => {
+		it('should return default value', () => {
+			expect(U.buildEmptyValue()).toBeNull();
+			expect(U.buildEmptyValue(0)).toBeNull();
+			expect(U.buildEmptyValue(1)).toBeNull();
+			expect(U.buildEmptyValue(2)).toBeNull();
+		});
+		it('should return null array thanks to depth', () => {
+			expect(U.buildEmptyValue(3)).toEqual([null]);
+			expect(U.buildEmptyValue(4)).toEqual([[null]]);
+		});
+	});
+});