Arquisoft · uo283182 · Apr 28, 2024 · Apr 28, 2024
diff --git a/webapp/e2e/steps/game-steps.js b/webapp/e2e/steps/game-steps.js
@@ -30,14 +30,14 @@ defineFeature(feature, test => {
     given('An authenticated user', async () => {
       username = "game1";
       password = "game";
-      await expect(page).toClick('button', { text: 'SignUp' });
+      await expect(page).toClick('button', { text: 'Registrarse' });
       await expect(page).toFill('input[name="username"]', username);
       await expect(page).toFill('input[name="password"]', password);
-      await expect(page).toClick('button', { text: 'Add User' });
-      await expect(page).toClick('a', { text: 'Already have an account? Login here.' });
+      await expect(page).toClick('button', { text: 'Registrarse' });
+      await expect(page).toClick('a', { text: '¿Ya tienes una cuenta? Inicia sesión aquí.' });
       await expect(page).toFill('input[name="username"]', username);
       await expect(page).toFill('input[name="password"]', password);
-      await expect(page).toClick('button', { text: 'Login' });
+      await expect(page).toClick('button', { text: 'Iniciar sesión' });
     });
 
     when('I navigate to the game page and I click the correct answer', async () => {
@@ -65,14 +65,14 @@ defineFeature(feature, test => {
     given('An authenticated user', async () => {
       username = "game2";
       password = "game";
-      await expect(page).toClick('button', { text: 'SignUp' });
+      await expect(page).toClick('button', { text: 'Registrarse' });
       await expect(page).toFill('input[name="username"]', username);
       await expect(page).toFill('input[name="password"]', password);
-      await expect(page).toClick('button', { text: 'Add User' });
-      await expect(page).toClick('a', { text: 'Already have an account? Login here.' });
+      await expect(page).toClick('button', { text: 'Registrarse' });
+      await expect(page).toClick('a', { text: '¿Ya tienes una cuenta? Inicia sesión aquí.' });
       await expect(page).toFill('input[name="username"]', username);
       await expect(page).toFill('input[name="password"]', password);
-      await expect(page).toClick('button', { text: 'Login' });
+      await expect(page).toClick('button', { text: 'Iniciar sesión' });
     });
 
     when('I navigate to the game page and I click an incorrect answer', async () => {

diff --git a/webapp/e2e/steps/login-form.steps.js b/webapp/e2e/steps/login-form.steps.js
@@ -31,18 +31,18 @@ defineFeature(feature, test => {
     given('A registered user', async () => {
       username = "login1"
       password = "test"
-      await expect(page).toClick('button', { text: 'SignUp' })
+      await expect(page).toClick('button', { text: 'Registrarse' })
       await expect(page).toFill('input[name="username"]', username);
       await expect(page).toFill('input[name="password"]', password);
-      await expect(page).toClick('button', { text: 'Add User' });
-      await expect(page).toClick('a', { text: 'Already have an account? Login here.' });
-      await expect(page).toClick('button', { text: 'Login' })
+      await expect(page).toClick('button', { text: 'Registrarse' });
+      await expect(page).toClick('a', { text: '¿Ya tienes una cuenta? Inicia sesión aquí.' });
+      await expect(page).toClick('button', { text: 'Iniciar sesión' })
     });
 
     when('I fill the data in the form and press submit', async () => {
       await expect(page).toFill('input[name="username"]', username);
       await expect(page).toFill('input[name="password"]', password);
-      await expect(page).toClick('button', { text: 'Login' })
+      await expect(page).toClick('button', { text: 'Iniciar sesión' })
     });
 
     then('Home should be shown in the screen', async () => {

diff --git a/webapp/e2e/steps/record-button.steps.js b/webapp/e2e/steps/record-button.steps.js
@@ -30,15 +30,15 @@ defineFeature(feature, test => {
     given('An authenticated user', async () => {
       username = "record2";
       password = "record1";
-      await expect(page).toClick('button', { text: 'SignUp' });
+      await expect(page).toClick('button', { text: 'Registrarse' });
       await expect(page).toFill('input[name="username"]', username);
       await expect(page).toFill('input[name="password"]', password);
-      await expect(page).toClick('button', { text: 'Add User' });
-      await expect(page).toClick('a', { text: 'Already have an account? Login here.' });
-      await expect(page).toClick('button', { text: 'Login' });
+      await expect(page).toClick('button', { text: 'Registrarse' });
+      await expect(page).toClick('a', { text: '¿Ya tienes una cuenta? Inicia sesión aquí.' });
+      await expect(page).toClick('button', { text: 'Iniciar sesión' });
       await expect(page).toFill('input[name="username"]', username);
       await expect(page).toFill('input[name="password"]', password);
-      await expect(page).toClick('button', { text: 'Login' });
+      await expect(page).toClick('button', { text: 'Iniciar sesión' });
     });
 
     when('I navigate to the records page', async () => {

diff --git a/webapp/e2e/steps/register-form.steps.js b/webapp/e2e/steps/register-form.steps.js
@@ -31,17 +31,17 @@ defineFeature(feature, test => {
     given('An unregistered user', async () => {
       username = "register1"
       password = "test"
-      await expect(page).toClick('button', { text: 'SignUp' })
+      await expect(page).toClick('button', { text: 'Registrarse' })
     });
 
     when('I fill the data in the form and press submit', async () => {
       await expect(page).toFill('input[name="username"]', username);
       await expect(page).toFill('input[name="password"]', password);
-      await expect(page).toClick('button', { text: 'Add User' })
+      await expect(page).toClick('button', { text: 'Registrarse' })
     });
 
     then('A confirmation message should be shown in the screen', async () => {
-        await expect(page).toMatchElement("div", { text: "User added successfully" });
+        await expect(page).toMatchElement("div", { text: "Usuario añadido con éxito" });
     });
   })
 

diff --git a/webapp/src/components/AddUser.js b/webapp/src/components/AddUser.js
@@ -28,36 +28,36 @@ const AddUser = () => {
   return (
     <Container component="main" maxWidth="xs" sx={{ marginTop: 4 }}>
       <Typography component="h1" variant="h5">
-        Add User
+        Registrarse
       </Typography>
       <TextField
         name="username"
         margin="normal"
         fullWidth
-        label="Username"
+        label="Nombre de usuario"
         value={username}
         onChange={(e) => setUsername(e.target.value)}
       />
       <TextField
         name="password"
         margin="normal"
         fullWidth
-        label="Password"
+        label="Contraseña"
         type="password"
         value={password}
         onChange={(e) => setPassword(e.target.value)}
       />
       <Button variant="contained" color="primary" onClick={addUser}>
-        Add User
+        Registrarse
       </Button>
 
-      <Snackbar open={openSnackbar} autoHideDuration={6000} onClose={handleCloseSnackbar} message="User added successfully" />
+      <Snackbar open={openSnackbar} autoHideDuration={6000} onClose={handleCloseSnackbar} message="Usuario añadido con éxito" />
       {error && (
         <Snackbar open={!!error} autoHideDuration={6000} onClose={() => setError('')} message={`Error: ${error}`} />
       )}
       <br></br>
       <Link to="/login">
-            Already have an account? Login here.
+          ¿Ya tienes una cuenta? Inicia sesión aquí.
       </Link>
     </Container>
   );

diff --git a/webapp/src/components/AddUser.test.js b/webapp/src/components/AddUser.test.js
@@ -19,9 +19,9 @@ describe('AddUser component', () => {
       </BrowserRouter>
     );
 
-    const usernameInput = screen.getByLabelText(/Username/i);
-    const passwordInput = screen.getByLabelText(/Password/i);
-    const addUserButton = screen.getByRole('button', { name: /Add User/i });
+    const usernameInput = screen.getByLabelText(/Nombre de usuario/i);
+    const passwordInput = screen.getByLabelText(/Contraseña/i);
+    const addUserButton = screen.getByRole('button', { name: /Registrarse/i });
 
     // Mock the axios.post request to simulate a successful response
     mockAxios.onPost('http://localhost:8000/adduser').reply(200);
@@ -35,7 +35,7 @@ describe('AddUser component', () => {
 
     // Wait for the Snackbar to be open
     await waitFor(() => {
-      expect(screen.getByText(/User added successfully/i)).toBeInTheDocument();
+      expect(screen.getByText(/Usuario añadido con éxito/i)).toBeInTheDocument();
     });
   });
 
@@ -46,9 +46,9 @@ describe('AddUser component', () => {
       </BrowserRouter>
     );
 
-    const usernameInput = screen.getByLabelText(/Username/i);
-    const passwordInput = screen.getByLabelText(/Password/i);
-    const addUserButton = screen.getByRole('button', { name: /Add User/i });
+    const usernameInput = screen.getByLabelText(/Nombre de usuario/i);
+    const passwordInput = screen.getByLabelText(/Contraseña/i);
+    const addUserButton = screen.getByRole('button', { name: /Registrarse/i });
 
     // Mock the axios.post request to simulate an error response
     mockAxios.onPost('http://localhost:8000/adduser').reply(500, { error: 'Internal Server Error' });
@@ -73,9 +73,9 @@ describe('AddUser component', () => {
       </BrowserRouter>
     );
 
-    const usernameInput = screen.getByLabelText(/Username/i);
-    const passwordInput = screen.getByLabelText(/Password/i);
-    const addUserButton = screen.getByRole('button', { name: /Add User/i });
+    const usernameInput = screen.getByLabelText(/Nombre de usuario/i);
+    const passwordInput = screen.getByLabelText(/Contraseña/i);
+    const addUserButton = screen.getByRole('button', { name: /Registrarse/i });
 
     // Mock the axios.post request to simulate an error response
     mockAxios.onPost('http://localhost:8000/adduser').reply(400, { error: 'El nombre de usuario no puede estar vacío' });
@@ -99,9 +99,9 @@ describe('AddUser component', () => {
       </BrowserRouter>
     );
 
-    const usernameInput = screen.getByLabelText(/Username/i);
-    const passwordInput = screen.getByLabelText(/Password/i);
-    const addUserButton = screen.getByRole('button', { name: /Add User/i });
+    const usernameInput = screen.getByLabelText(/Nombre de usuario/i);
+    const passwordInput = screen.getByLabelText(/Contraseña/i);
+    const addUserButton = screen.getByRole('button', { name: /Registrarse/i });
 
     // Mock the axios.post request to simulate an error response
     mockAxios.onPost('http://localhost:8000/adduser').reply(400, { error: 'La contraseña no puede estar vacía' });
@@ -126,9 +126,9 @@ describe('AddUser component', () => {
       </BrowserRouter>
     );
 
-    const usernameInput = screen.getByLabelText(/Username/i);
-    const passwordInput = screen.getByLabelText(/Password/i);
-    const addUserButton = screen.getByRole('button', { name: /Add User/i });
+    const usernameInput = screen.getByLabelText(/Nombre de usuario/i);
+    const passwordInput = screen.getByLabelText(/Contraseña/i);
+    const addUserButton = screen.getByRole('button', { name: /Registrarse/i });
 
     // Mock the axios.post request to simulate an error response
     mockAxios.onPost('http://localhost:8000/adduser').reply(400, { error: 'Este nombre de usuario está en uso' });

diff --git a/webapp/src/components/Login.js b/webapp/src/components/Login.js
@@ -38,36 +38,36 @@ const Login = () => {
         <div>
           <Container maxWidth="xs" sx={{ marginTop: 4 }}>
           <Typography component="h1" variant="h5">
-            Login
+            Iniciar sesión
           </Typography>
           <TextField
             name="username"
             margin="normal"
             fullWidth
-            label="Username"
+            label="Nombre de usuario"
             value={username}
             onChange={(e) => setUsername(e.target.value)}
           />
           <TextField
             name="password"
             margin="normal"
             fullWidth
-            label="Password"
+            label="Contraseña"
             type="password"
             value={password}
             onChange={(e) => setPassword(e.target.value)}
           />
           <Button variant="contained" color="primary" onClick={loginUser}>
-            Login
+            Iniciar sesión
           </Button>
 
-          <Snackbar open={openSnackbar} autoHideDuration={6000} onClose={handleCloseSnackbar} message="Login successful" />
+          <Snackbar open={openSnackbar} autoHideDuration={6000} onClose={handleCloseSnackbar} message="Inicio de sesión existoso" />
           {error && (
             <Snackbar open={!!error} autoHideDuration={6000} onClose={() => setError('')} message={`Error: ${error}`} />
           )}
           <br></br>
           <Link to="/adduser">
-            Don't have an account? Register here.
+            ¿No tienes cuenta? Regístrate aquí.
           </Link>
           </Container>
         </div>

diff --git a/webapp/src/components/Login.test.js b/webapp/src/components/Login.test.js
@@ -23,9 +23,9 @@ describe('Login component', () => {
     </BrowserRouter>
     );
 
-    const usernameInput = screen.getByLabelText(/Username/i);
-    const passwordInput = screen.getByLabelText(/Password/i);
-    const loginButton = screen.getByRole('button', { name: /Login/i });
+    const usernameInput = screen.getByLabelText(/Nombre de usuario/i);
+    const passwordInput = screen.getByLabelText(/Contraseña/i);
+    const loginButton = screen.getByRole('button', { name: /Iniciar sesión/i });
 
     // Simulamos la respuesta de la petición axios.post
     mockAxios.onPost('http://localhost:8000/login').reply(200, { token: 'testToken' });
@@ -39,7 +39,7 @@ describe('Login component', () => {
 
     // Esperamos que se muestre el SnackBar de loggin exitoso
     await waitFor(() => {
-      expect(screen.getByText(/Login successful/i)).toBeInTheDocument();
+      expect(screen.getByText(/Inicio de sesión existoso/i)).toBeInTheDocument();
     });
 
     // Verificar que el token ha sido almacenado en localStorage
@@ -57,12 +57,12 @@ describe('Login component', () => {
       </BrowserRouter>
       );
 
-    const usernameInput = screen.getByLabelText(/Username/i);
-    const passwordInput = screen.getByLabelText(/Password/i);
-    const loginButton = screen.getByRole('button', { name: /Login/i });
+    const usernameInput = screen.getByLabelText(/Nombre de usuario/i);
+    const passwordInput = screen.getByLabelText(/Contraseña/i);
+    const loginButton = screen.getByRole('button', { name: /Iniciar sesión/i });
 
     // Simular que ha ocurrido un error en el login
-    mockAxios.onPost('http://localhost:8000/login').reply(401, { error: 'Unauthorized' });
+    mockAxios.onPost('http://localhost:8000/login').reply(401, { error: 'Credenciales inválidas' });
 
     // Simulamos la entrada incorrecta de un usuario
     fireEvent.change(usernameInput, { target: { value: 'testUserError' } });
@@ -73,7 +73,7 @@ describe('Login component', () => {
 
     // Texto del Snackbar de error
     await waitFor(() => {
-      expect(screen.getByText(/Error: Unauthorized/i)).toBeInTheDocument();
+      expect(screen.getByText(/Error: Credenciales inválidas/i)).toBeInTheDocument();
     });
 
     // Verificar que no hay token en localStorage
@@ -87,13 +87,13 @@ describe('Login component', () => {
       <App />
     </BrowserRouter>
     );
-    const button = screen.getByRole('button', { name: /Login/i });
+    const button = screen.getByRole('button', { name: /Iniciar sesión/i });
     fireEvent.click(button);
     const logoutButton = screen.queryByRole('button', { name: /Cerrar sesión/i });
     expect(logoutButton).toBeNull();
-    const usernameInput = screen.getByLabelText(/Username/i);
-    const passwordInput = screen.getByLabelText(/Password/i);
-    const loginButton = screen.getByRole('button', { name: /Login/i });
+    const usernameInput = screen.getByLabelText(/Nombre de usuario/i);
+    const passwordInput = screen.getByLabelText(/Contraseña/i);
+    const loginButton = screen.getByRole('button', { name: /Iniciar sesión/i });
 
     mockAxios.onPost('http://localhost:8000/login').reply(200, { token: 'testToken' });
 

diff --git a/webapp/src/components/Welcome.js b/webapp/src/components/Welcome.js
@@ -26,10 +26,10 @@ const HomeScreen = () => {
               <br></br>
               <div className="d-flex justify-content-center">
                   <div className="px-2">
-                      <button type="button" className="btn btn-outline-primary btn-lg" onClick={handleLogin}>Login</button>
+                      <button type="button" className="btn btn-outline-primary btn-lg" onClick={handleLogin}>Iniciar sesión</button>
                   </div>
                   <div className="px-2">
-                      <button type="button" className="btn btn-outline-primary btn-lg" onClick={handleSignUp}>SignUp</button>
+                      <button type="button" className="btn btn-outline-primary btn-lg" onClick={handleSignUp}>Registrarse</button>
                   </div>
               </div>
             </>

diff --git a/webapp/src/components/Welcome.test.js b/webapp/src/components/Welcome.test.js
@@ -23,7 +23,7 @@ describe('Welcome Component', () => {
           <Welcome />
         </BrowserRouter>
     );
-    const loginButton = screen.getByRole('button', { name: /login/i });
+    const loginButton = screen.getByRole('button', { name: /Iniciar sesión/i });
     fireEvent.click(loginButton);
     expect(window.location.pathname).toBe('/login');
   });
@@ -34,7 +34,7 @@ describe('Welcome Component', () => {
           <Welcome />
         </BrowserRouter>
     );
-    const signupButton = screen.getByRole('button', { name: /signup/i });
+    const signupButton = screen.getByRole('button', { name: /Registrarse/i });
     fireEvent.click(signupButton);
     expect(window.location.pathname).toBe('/adduser');
   });