Merge pull request #1083 from InseeFr/feat/add-unit-test-concepts

feat: add unit test

src/packages/modules-concepts/collections/export-buttons/export-buttons.spec.tsx

@@ -0,0 +1,49 @@
+import { render, screen, fireEvent } from '@testing-library/react';
+import { vi } from 'vitest';
+import ExportButtons from './';
+import D from '../../../deprecated-locales/build-dictionary';
+
+describe('ExportButtons Component', () => {
+	it('should render all buttons with the correct labels', () => {
+		render(<ExportButtons exportHandler={vi.fn()} disabled={false} />);
+
+		screen.getByText(D.btnOdsExporter);
+		screen.getByText(D.btnOdtLg1Exporter);
+		screen.getByText(D.btnOdtLg2Exporter);
+		screen.getByText(D.btnCollectionConceptExporter);
+	});
+
+	it('should call exportHandler with correct arguments when buttons are clicked', () => {
+		const mockExportHandler = vi.fn();
+
+		render(
+			<ExportButtons exportHandler={mockExportHandler} disabled={false} />,
+		);
+
+		fireEvent.click(screen.getByText(D.btnOdsExporter));
+		expect(mockExportHandler).toHaveBeenCalledWith('ods', false);
+
+		fireEvent.click(screen.getByText(D.btnOdtLg1Exporter));
+		expect(mockExportHandler).toHaveBeenCalledWith('odt', false);
+
+		fireEvent.click(screen.getByText(D.btnOdtLg2Exporter));
+		expect(mockExportHandler).toHaveBeenCalledWith('odt', false, 'lg2');
+
+		fireEvent.click(screen.getByText(D.btnCollectionConceptExporter));
+		expect(mockExportHandler).toHaveBeenCalledWith('odt', true);
+	});
+
+	it('should disable buttons when disabled is true', () => {
+		render(<ExportButtons exportHandler={vi.fn()} disabled={true} />);
+
+		const button = screen.getByText('Export') as HTMLButtonElement;
+		expect(button.getAttribute('disabled')).toBeDefined();
+	});
+
+	it('should enable buttons when disabled is false', () => {
+		render(<ExportButtons exportHandler={vi.fn()} disabled={false} />);
+
+		const button = screen.getByText('Export') as HTMLButtonElement;
+		expect(button.getAttribute('disabled')).toBeNull();
+	});
+});

src/packages/modules-concepts/collections/export-buttons/index.jsx → src/packages/modules-concepts/collections/export-buttons/index.tsx

@@ -1,6 +1,19 @@
 import D from '../../../deprecated-locales/build-dictionary';
 import ExportButton from '../dropdown';
-const ExportButtons = ({ exportHandler, disabled }) => {
+
+type ExportButtonsTypes = {
+	disabled?: boolean;
+	exportHandler: (
+		type: string,
+		withConcepts: boolean,
+		lang?: 'lg1' | 'lg2',
+	) => void;
+};
+
+const ExportButtons = ({
+	exportHandler,
+	disabled,
+}: Readonly<ExportButtonsTypes>) => {
 	return (
 		<ExportButton
 			disabled={disabled}

src/packages/modules-concepts/export/home-container.jsx → src/packages/modules-concepts/export/home-container.tsx

@@ -7,7 +7,7 @@ import { useTitle } from '../../utils/hooks/useTitle';
 
 export const Component = () => {
 	useTitle(D.conceptsTitle, D.exportTitle);
-	const [ids, setIds] = useState([]);
+	const [ids, setIds] = useState<string[]>([]);
 
 	const { mutate: exportConcept, isPending: isExporting } =
 		useConceptExporter();
@@ -26,13 +26,12 @@ export const Component = () => {
 			title={D.exportTitle}
 			panelTitle={D.conceptsExportPanelTitle}
 			labelWarning={D.hasNotConceptToExport}
-			handleAction={(value) => setIds(value)}
+			handleAction={(value: string[]) => setIds(value)}
 			context="concepts"
 			disabled={ids.length < 1}
 			disabledWarningMessage={D.hasNotConceptToExport}
 			ValidationButton={() => (
 				<ExportButtons
-					ids={ids}
 					exportHandler={(type, withConcepts, lang = 'lg1') =>
 						exportConcept({ ids, type, withConcepts, lang })
 					}

src/packages/modules-operations/msd/pages/sims-creation/index.jsx

@@ -14,24 +14,21 @@ import {
 	shouldDisplayTitleForPrimaryItem,
 } from '../../utils';
 
+import Modal from 'react-modal';
 import { useBlocker } from 'react-router-dom';
 import { ActionToolbar } from '../../../../components/action-toolbar';
-import {
-	CancelButton,
-	CloseIconButton,
-	SaveButton,
-} from '../../../../components/buttons/buttons-with-icons';
+import { Button } from '../../../../components/buttons/button';
+import { CloseIconButton } from '../../../../components/buttons/buttons-with-icons';
 import { OperationsApi } from '../../../../sdk/operations-api';
 import { sortArrayByLabel } from '../../../../utils/array-utils';
 import { useGoBack } from '../../../../utils/hooks/useGoBack';
 import { rangeType } from '../../../utils/msd';
 import { RubricEssentialMsg } from '../../rubric-essantial-msg';
 import { DocumentFormPanel } from './document-form-panel';
 import { useDocumentsStoreContext } from './documents-store-context';
+import { Menu } from './menu';
 import './sims-creation.scss';
 import { getDefaultSims, getSiblingSims } from './utils/getSims';
-import Modal from 'react-modal';
-import { Button } from '../../../../components/buttons/button';
 
 const { RICH_TEXT } = rangeType;
 
@@ -254,10 +251,7 @@ const SimsCreation = ({
 
 	return (
 		<>
-			<ActionToolbar>
-				<CancelButton action={goBackUrl} />
-				<SaveButton action={handleSubmit} col={3} />
-			</ActionToolbar>
+			<Menu goBackUrl={goBackUrl} handleSubmit={handleSubmit} />
 
 			<Modal
 				className="Modal__Bootstrap modal-dialog operations structures-specification-modal"

src/packages/modules-operations/msd/pages/sims-creation/menu.tsx

@@ -0,0 +1,18 @@
+import { ActionToolbar } from '../../../../components/action-toolbar';
+import {
+	CancelButton,
+	SaveButton,
+} from '../../../../components/buttons/buttons-with-icons';
+
+type MenuTypes = {
+	goBackUrl: () => void;
+	handleSubmit: () => void;
+};
+export const Menu = ({ goBackUrl, handleSubmit }: Readonly<MenuTypes>) => {
+	return (
+		<ActionToolbar>
+			<CancelButton action={goBackUrl} />
+			<SaveButton action={handleSubmit} />
+		</ActionToolbar>
+	);
+};