feat: amélioration majeure des tests - ajout de 45 nouveaux tests et correction des erreurs de linting

src/__tests__/components/DeleteModal.test.tsx

@@ -0,0 +1,102 @@
+import React from 'react';
+import { render, screen, fireEvent, waitFor } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { DeleteModal } from '../../components/base/DeleteModal';
+
+describe('DeleteModal', () => {
+  const defaultProps = {
+    isOpen: true,
+    onClose: jest.fn(),
+    onConfirm: jest.fn().mockResolvedValue(undefined),
+    title: 'Supprimer la campagne',
+    description: 'Êtes-vous sûr de vouloir supprimer cette campagne ?',
+    itemName: 'Campagne Test',
+    itemDetails: <div>Détails de la campagne à supprimer</div>,
+  };
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('should render modal when open', () => {
+    render(<DeleteModal {...defaultProps} />);
+
+    expect(screen.getByText('Supprimer la campagne')).toBeInTheDocument();
+    expect(screen.getByText('Êtes-vous sûr de vouloir supprimer cette campagne ?')).toBeInTheDocument();
+    expect(screen.getByText('Campagne Test à supprimer :')).toBeInTheDocument();
+  });
+
+  it('should not render modal when closed', () => {
+    render(<DeleteModal {...defaultProps} isOpen={false} />);
+
+    expect(screen.queryByText('Supprimer la campagne')).not.toBeInTheDocument();
+  });
+
+  it('should call onConfirm when delete button is clicked', async () => {
+    const onConfirm = jest.fn().mockResolvedValue(undefined);
+    render(<DeleteModal {...defaultProps} onConfirm={onConfirm} />);
+
+    const deleteButton = screen.getByRole('button', { name: /supprimer définitivement/i });
+    fireEvent.click(deleteButton);
+
+    await waitFor(() => {
+      expect(onConfirm).toHaveBeenCalledTimes(1);
+    });
+  });
+
+  it('should call onClose when cancel button is clicked', () => {
+    const onClose = jest.fn();
+    render(<DeleteModal {...defaultProps} onClose={onClose} />);
+
+    const cancelButton = screen.getByRole('button', { name: /annuler/i });
+    fireEvent.click(cancelButton);
+
+    expect(onClose).toHaveBeenCalledTimes(1);
+  });
+
+  it('should show loading state during deletion', async () => {
+    const onConfirm = jest.fn().mockImplementation(() => new Promise(resolve => setTimeout(resolve, 100)));
+    render(<DeleteModal {...defaultProps} onConfirm={onConfirm} />);
+
+    const deleteButton = screen.getByRole('button', { name: /supprimer définitivement/i });
+    fireEvent.click(deleteButton);
+
+    await waitFor(() => {
+      expect(screen.getByText('Suppression...')).toBeInTheDocument();
+    });
+  });
+
+  it('should render with custom confirm text', () => {
+    render(
+      <DeleteModal 
+        {...defaultProps} 
+        confirmText="Oui, supprimer définitivement"
+      />
+    );
+
+    expect(screen.getByRole('button', { name: /oui, supprimer définitivement/i })).toBeInTheDocument();
+  });
+
+  it('should show warning message', () => {
+    render(<DeleteModal {...defaultProps} />);
+
+    expect(screen.getByText(/⚠️ Cette action est irréversible./)).toBeInTheDocument();
+  });
+
+  it('should show custom warning message', () => {
+    render(
+      <DeleteModal 
+        {...defaultProps} 
+        warningMessage="Attention, cette suppression est définitive !"
+      />
+    );
+
+    expect(screen.getByText(/⚠️ Attention, cette suppression est définitive !/)).toBeInTheDocument();
+  });
+
+  it('should display item details', () => {
+    render(<DeleteModal {...defaultProps} />);
+
+    expect(screen.getByText('Détails de la campagne à supprimer')).toBeInTheDocument();
+  });
+});

src/__tests__/components/ErrorDisplay.test.tsx

@@ -0,0 +1,63 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { ErrorDisplay } from '../../components/base/ErrorDisplay';
+
+describe('ErrorDisplay', () => {
+  it('should render error message when error is provided', () => {
+    const error = 'Une erreur est survenue';
+    render(<ErrorDisplay error={error} />);
+
+    expect(screen.getByText('Une erreur est survenue')).toBeInTheDocument();
+    expect(screen.getByText('Une erreur est survenue')).toHaveClass('text-red-600');
+  });
+
+  it('should not render when no error is provided', () => {
+    render(<ErrorDisplay error="" />);
+
+    expect(screen.queryByText('Une erreur est survenue')).not.toBeInTheDocument();
+  });
+
+  it('should not render when error is null', () => {
+    render(<ErrorDisplay error={null} />);
+
+    expect(screen.queryByText('Une erreur est survenue')).not.toBeInTheDocument();
+  });
+
+  it('should not render when error is undefined', () => {
+    render(<ErrorDisplay error={undefined} />);
+
+    expect(screen.queryByText('Une erreur est survenue')).not.toBeInTheDocument();
+  });
+
+  it('should handle long error messages', () => {
+    const longError = 'A'.repeat(500);
+    render(<ErrorDisplay error={longError} />);
+
+    expect(screen.getByText(longError)).toBeInTheDocument();
+  });
+
+  it('should handle special characters in error message', () => {
+    const specialError = 'Erreur avec des caractères spéciaux: @#$%^&*()_+{}|:"<>?[]\\;\',./';
+    render(<ErrorDisplay error={specialError} />);
+
+    expect(screen.getByText(specialError)).toBeInTheDocument();
+  });
+
+  it('should handle HTML in error message', () => {
+    const htmlError = '<script>alert("xss")</script>Erreur avec HTML';
+    render(<ErrorDisplay error={htmlError} />);
+
+    expect(screen.getByText(htmlError)).toBeInTheDocument();
+    // Vérifier que le HTML n'est pas interprété
+    expect(screen.queryByText('xss')).not.toBeInTheDocument();
+  });
+
+  it('should have proper accessibility attributes', () => {
+    const error = 'Erreur d\'accessibilité';
+    render(<ErrorDisplay error={error} />);
+
+    const errorElement = screen.getByText(error);
+    expect(errorElement).toHaveAttribute('role', 'alert');
+  });
+});