client/src/__tests__/pages/Teacher/Share/Share.test.tsx

@@ -1,95 +0,0 @@
-import React from 'react';
-import { render, screen, fireEvent, waitFor } from '@testing-library/react';
-import { MemoryRouter, Route, Routes, useParams } from 'react-router-dom';
-import Share from '../../../../pages/Teacher/Share/Share.tsx';
-import ApiService from '../../../../services/ApiService';
-import '@testing-library/jest-dom';
-
-// Mock the ApiService and react-router-dom
-jest.mock('../../../../services/ApiService');
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useParams: jest.fn(),
-  useNavigate: jest.fn(),
-}));
-
-describe('Share Component', () => {
-  const mockNavigate = jest.fn();
-  const mockUseParams = useParams as jest.Mock;
-  const mockApiService = ApiService as jest.Mocked<typeof ApiService>;
-
-  beforeEach(() => {
-    jest.clearAllMocks();
-    mockUseParams.mockReturnValue({ id: 'quiz123' });
-    require('react-router-dom').useNavigate.mockReturnValue(mockNavigate);
-  });
-
-  const renderComponent = (initialEntries = ['/share/quiz123']) => {
-    return render(
-      <MemoryRouter initialEntries={initialEntries}>
-        <Routes>
-          <Route path="/share/:id" element={<Share />} />
-          <Route path="/teacher/dashboard" element={<div>Dashboard</div>} />
-          <Route path="/login" element={<div>Login</div>} />
-        </Routes>
-      </MemoryRouter>
-    );
-  };
-
-  it('should show loading state initially', () => {
-    mockApiService.getAllQuizIds.mockResolvedValue([]);
-    mockApiService.getUserFolders.mockResolvedValue([]);
-    mockApiService.getSharedQuiz.mockResolvedValue('Test Quiz');
-    
-    renderComponent();
-    expect(screen.getByText('Chargement...')).toBeInTheDocument();
-  });
-
-  it('should redirect to login if not authenticated', async () => {
-    mockApiService.isLoggedIn.mockReturnValue(false);
-    
-    renderComponent();
-    
-    await waitFor(() => {
-      expect(mockNavigate).toHaveBeenCalledWith('/login');
-    });
-  });
-
-  it('should show "quiz already exists" message when quiz exists', async () => {
-    mockApiService.isLoggedIn.mockReturnValue(true);
-    mockApiService.getAllQuizIds.mockResolvedValue(['quiz123']);
-    
-    renderComponent();
-    
-    await waitFor(() => {
-      expect(screen.getByText('Quiz déjà existant')).toBeInTheDocument();
-      expect(screen.getByText(/Le quiz que vous essayez d'importer existe déjà sur votre compte/i)).toBeInTheDocument();
-      expect(screen.getByText('Retour au tableau de bord')).toBeInTheDocument();
-    });
-  });
-
-  it('should navigate to dashboard when clicking return button in "quiz exists" view', async () => {
-    mockApiService.isLoggedIn.mockReturnValue(true);
-    mockApiService.getAllQuizIds.mockResolvedValue(['quiz123']);
-    
-    renderComponent();
-    
-    await waitFor(() => {
-      fireEvent.click(screen.getByText('Retour au tableau de bord'));
-      expect(mockNavigate).toHaveBeenCalledWith('/teacher/dashboard');
-    });
-  });
-
-  it('should show error when no folders exist', async () => {
-    mockApiService.isLoggedIn.mockReturnValue(true);
-    mockApiService.getAllQuizIds.mockResolvedValue([]);
-    mockApiService.getUserFolders.mockResolvedValue([]);
-    
-    renderComponent();
-    
-    await waitFor(() => {
-      expect(mockNavigate).toHaveBeenCalledWith('/teacher/dashboard');
-    });
-  });
-
-});

client/src/__tests__/services/ShareQuizService.test.tsx

@@ -40,3 +40,4 @@ const mockedAxios = axios as jest.Mocked<typeof axios>;
             expect(result).toBe('An unexpected error occurred.');
         });
     });
+});

client/src/pages/Teacher/Share/Share.tsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { useParams, useNavigate } from 'react-router-dom';
 import { FolderType } from '../../../Types/FolderType';
 import './share.css';
-import { Button, NativeSelect, Typography, Box } from '@mui/material';
+import { Button, NativeSelect, Typography, Box, Divider } from '@mui/material';
 import ReturnButton from 'src/components/ReturnButton/ReturnButton';
 import ApiService from '../../../services/ApiService';
 
@@ -20,12 +20,14 @@ const Share: React.FC = () => {
         const fetchData = async () => {
             try {
                 if (!id) {
+                    window.alert(`Une erreur est survenue.\n Le quiz n'a pas été trouvé\nVeuillez réessayer plus tard`)
                     console.error('Quiz not found for id:', id);
                     navigate('/teacher/dashboard');
                     return;
                 }
 
                 if (!ApiService.isLoggedIn()) {
+                    window.alert(`Vous n'êtes pas connecté.\nVeuillez vous connecter et revenir à ce lien`);
                     navigate("/login");
                     return;
                 }
@@ -41,6 +43,7 @@ const Share: React.FC = () => {
                 const userFolders = await ApiService.getUserFolders();
                 
                 if (userFolders.length == 0) {
+                    window.alert(`Vous n'avez aucun dossier.\nVeuillez en créer un et revenir à ce lien`)
                     navigate('/teacher/dashboard');
                     return;
                 }
@@ -50,6 +53,7 @@ const Share: React.FC = () => {
                 const title = await ApiService.getSharedQuiz(id);
 
                 if (!title) {
+                    window.alert(`Une erreur est survenue.\n Veuillez réessayer plus tard`)
                     console.error('Quiz not found for id:', id);
                     navigate('/teacher/dashboard');
                     return;
@@ -79,6 +83,7 @@ const Share: React.FC = () => {
             }
             
             if (!id) {
+                window.alert(`Une erreur est survenue.\n Le quiz n'a pas été trouvé\nVeuillez réessayer plus tard`)
                 console.error('Quiz not found for id:', id);
                 navigate('/teacher/dashboard');
                 return;
@@ -88,6 +93,7 @@ const Share: React.FC = () => {
             navigate('/teacher/dashboard');
 
         } catch (error) {
+            window.alert(`Une erreur est survenue.\n Veuillez réessayer plus tard`)
             console.log(error)
         }
     };