🧪 Cambios en tests

package.json

@@ -7,6 +7,7 @@
     "axios": "^1.6.8",
     "cors": "^2.8.5",
     "express": "^4.19.2",
+    "history": "^5.3.0",
     "jest": "^29.7.0",
     "supertest": "^6.3.4"
   },

webapp/src/components/AddUser.js

@@ -10,15 +10,19 @@ const AddUser = () => {
   const [password, setPassword] = useState('');
   const [error, setError] = useState('');
   const [openSnackbar, setOpenSnackbar] = useState(false);
-  const navigate = useNavigate(); // Move useNavigate hook outside of the addUser function
+  const navigate = useNavigate();
+
   const addUser = async () => {
     try {
       await axios.post(`${apiEndpoint}/adduser`, { username, password });
-
       await axios.post(`${apiEndpoint}/login`, { username, password });
       localStorage.setItem('username', username);
       setOpenSnackbar(true);
-      navigate("/MainPage");
+
+      // Redirige a la página de juego después de 3 segundos
+      setTimeout(() => {
+        navigate("/Game");
+      }, 3000);
     } catch (error) {
       setError("Error al crear usuario");
       setOpenSnackbar(true); // Abre el Snackbar en caso de error
@@ -55,7 +59,7 @@ const AddUser = () => {
       <Button variant="contained" color="primary" onClick={addUser}>
         Crear usuario
       </Button>
-      <Snackbar open={openSnackbar} autoHideDuration={6000} onClose={handleCloseSnackbar} message="User added successfully" />
+      <Snackbar open={openSnackbar} autoHideDuration={6000} onClose={handleCloseSnackbar} message="Usuario añadido correctamente" />
       {error && (
         <Snackbar open={!!error} autoHideDuration={6000} onClose={() => setError('')} message={`Error: ${error}`} />
       )}

webapp/src/components/AddUser.test.js

@@ -3,11 +3,16 @@ import { render, fireEvent, screen, waitFor } from '@testing-library/react';
 import axios from 'axios';
 import MockAdapter from 'axios-mock-adapter';
 import AddUser from './AddUser';
+import { MemoryRouter } from 'react-router-dom'; // Importa MemoryRouter en lugar de Router
 
 const mockAxios = new MockAdapter(axios);
 
 const renderAddUserComponent = () => {
-  render(<AddUser />);
+  return render(
+    <MemoryRouter> {/* Usa MemoryRouter en lugar de Router */}
+      <AddUser />
+    </MemoryRouter>
+  );
 };
 
 const addUser = async () => {
@@ -27,6 +32,8 @@ describe('AddUser component', () => {
     jest.useFakeTimers();
   });
 
+
+
   it('should add user successfully', async () => {
     renderAddUserComponent();
 
@@ -35,7 +42,7 @@ describe('AddUser component', () => {
     await addUser();
 
     await waitFor(() => {
-      expect(screen.getByText(/User added successfully/i)).toBeInTheDocument();
+      expect(screen.getByText(/Usuario añadido correctamente/i)).toBeInTheDocument();
     });
   });
 
@@ -68,10 +75,10 @@ describe('AddUser component', () => {
 
     jest.runAllTimers();
 
-    expect(screen.queryByText(/User added successfully/i)).toBeNull();
+    expect(screen.queryByText(/Usuario añadido correctamente/i)).toBeNull();
 
     await waitFor(() => {
-      expect(screen.getByText(/User added successfully/i)).toBeInTheDocument();
+      expect(screen.getByText(/Usuario añadido correctamente/i)).toBeInTheDocument();
     });
   });
 

webapp/src/components/Login.js

@@ -20,8 +20,7 @@ const Login = () => {
       setOpenSnackbar(true);
       navigate("/MainPage");
     } catch (error) {
-      setError("Error al iniciar sesión");
-      setOpenSnackbar(true);
+      setError('Error: Credenciales inválidas')
     }
   };
 
@@ -55,7 +54,7 @@ const Login = () => {
         </Button>
         <Snackbar open={openSnackbar} autoHideDuration={6000} onClose={handleCloseSnackbar} message="Inicio de sesión exitoso" />
         {error && (
-          <Snackbar open={!!error} autoHideDuration={6000} onClose={() => setError('')} message={`Error: ${error}`} />
+          <Snackbar open={!!error} autoHideDuration={6000} onClose={() => setError('Error: Credenciales inválidas')} message={error} />
         )}
       </div>
     </Container>

webapp/src/components/Login.test.js

@@ -44,7 +44,7 @@ describe('Login component', () => {
     const loginButton = screen.getByRole('button', { name: /Iniciar sesión/i });
 
     // Mock del request axios.post para simular una respuesta de error
-    mockAxios.onPost('http://localhost:8000/login').reply(401, { error: 'Credenciales inválidas' });
+    mockAxios.onPost('http://localhost:8000/login').reply(401, { error: 'Error: Credenciales inválidas' });
 
     fireEvent.change(usernameInput, { target: { value: 'testUser' } });
     fireEvent.change(passwordInput, { target: { value: 'testPassword' } });
@@ -80,7 +80,6 @@ describe('Login component', () => {
       expect(screen.getByText(/Inicio de sesión exitoso/i)).toBeInTheDocument();
     });
 
-    // Verificar si la redirección sucede después del inicio de sesión exitoso
     expect(history.location.pathname).toBe('/');
   });
 });