Voglio creare dei test con React Testing library di questo componente:
"""import { ClassificationIntelligenceService } from '@managementSrc/Services/ArtificialIntelligence/ClassificationIntelligenceService';
import { ArxGenericRepeater } from '@shareSrc/Components/GenericRepeater/ArxGenericRepeater';
import { InfoBoxComponent } from '@shareSrc/Components/InfoBoxComponent/InfoBoxComponent';
import { ViewLayout } from '@shareSrc/Components/Layout/ViewLayout';
import { ArxLoader } from '@shareSrc/Components/Loader/ArxLoader';
import { trackPromiseArxLoader } from '@shareSrc/Components/Loader/ArxLoaderFunctions';
import { useArxModal } from '@shareSrc/Components/Modal/useArxModal';
import { ArxGenericRepeaterActionDto, ArxGenericRepeaterItemDto } from '@shareSrc/Dto/Base/ArxGenericRepeaterDto';
import { TranslationsService } from '@shareSrc/Services/TranslationsService';
import React, { ReactElement, useCallback, useEffect, useState } from 'react';
import { ClassificationItemDTO } from './ClassificationIntelligenceDTO';
import { ClassificationModal } from './Internals/ClassificationModal';
import { faEdit, faTrashAlt } from '@shareSrc/Style/FontAwesomeSvgSolid';
import { ArxConfirmModal } from '@shareSrc/Components/Modal/ArxConfirmModal';
import { usePromise } from '@shareSrc/Services/CustomHooksService';
import styles from './classificationIntelligence.module.scss';

export const ClassificationIntelligence = (): ReactElement => {
	const loaderArea = 'CLASSIFICATIONS';
	const [datasource, setDataSource] = useState<ArxGenericRepeaterItemDto<ClassificationItemDTO>[]>();
	const { createModalInstance } = useArxModal();

	const loadDatasource = useCallback(() => {
		trackPromiseArxLoader(
			ClassificationIntelligenceService.getClassifications().then((list: ClassificationItemDTO[]) => {
				const datasourceMapped = list.map((el) =>
					ClassificationIntelligenceService.mapClassificationItemDtoToArxGenericRepeaterItemDto(el)
				);
				setDataSource(datasourceMapped);
			}),
			loaderArea
		);
	}, []);

	useEffect(() => {
		loadDatasource();
	}, [loadDatasource]);

	const openModal = useCallback(
		(item?: ClassificationItemDTO): void => {
			const modalInstance = createModalInstance(ClassificationModal);
			modalInstance
				.open({
					itemClassification: item,
				})
				.then(() => {
					loadDatasource();
				});
		},
		[createModalInstance, loadDatasource]
	);

	const deleteConfiguration = usePromise(
		(item: ClassificationItemDTO) => ClassificationIntelligenceService.deleteClassification(item.id),
		[]
	);

	const getActions = useCallback((): ArxGenericRepeaterActionDto<ClassificationItemDTO>[] => {
		return [
			{
				id: 'EDIT_ITEM',
				description: TranslationsService.translate('MODIFICA'),
				iconProps: { icon: faEdit },
				onClick: (item: ArxGenericRepeaterItemDto<ClassificationItemDTO>) => {
					openModal(item.entity);
				},
			},
			{
				id: 'DELETE_ITEM',
				description: TranslationsService.translate('DELETE'),
				iconProps: { icon: faTrashAlt },
				onClick: (item: ArxGenericRepeaterItemDto<ClassificationItemDTO>): void => {
					const modalInstance = createModalInstance(ArxConfirmModal);
					modalInstance
						.open({
							title: TranslationsService.translate('CONFERMA_ELIMINAZIONE'),
							message: TranslationsService.translateWithParams('VUOI_ELIMINARE_ELEMENTO_X', {
								0: `${item.entity.aoo} - ${item.entity.resource.resourceName}`,
							}),
							onConfirm() {
								return deleteConfiguration(item.entity);
							},
						})
						.then(() => {
							loadDatasource();
						});
				},
			},
		];
	}, [createModalInstance, deleteConfiguration, loadDatasource, openModal]);

	const buildRepeater = useCallback(() => {
		return (
			<div className={styles.container}>
				<ArxLoader area={loaderArea} useDefaultText={true}>
					<InfoBoxComponent type="info" label={TranslationsService.translate('AI_CLASSIFICATION_SECTION_INFO')} />
					<ArxGenericRepeater
						id={'AiClassification'}
						viewMode="ArxGenericRepeaterViewModeList"
						canReorder={false}
						datasource={datasource}
						addFunction={() => {
							openModal({
								aoo: undefined,
								classifierId: undefined,
								id: undefined,
								resource: undefined,
							});
						}}
						addFunctionUniqueId={'AiClassificationAdd'}
						actions={getActions()}
					/>
				</ArxLoader>
			</div>
		);
	}, [datasource, getActions, openModal]);
	return <ViewLayout content={buildRepeater()} />;
};
"""