Test HistoricalData y RegisteredUsers

webapp/src/components/HistoricalData.js

@@ -62,13 +62,22 @@ const HistoricalData = () => {
             </TableRow>
           </TableHead>
           <TableBody>
-            {paginatedData.map((row, rowIndex) => (
+            {/* {paginatedData.map((row, rowIndex) => (
               <TableRow key={rowIndex}>
                 {row.map((cell, cellIndex) => (
                   <TableCell key={cellIndex}>{cell}</TableCell>
                 ))}
               </TableRow>
-            ))}
+            ))} */}
+            {paginatedData.map((row, rowIndex) => (
+                  <TableRow key={rowIndex}>
+                    <TableCell>{row[0]}</TableCell>
+                    <TableCell>{row[1]}</TableCell>
+                    <TableCell>{row[2]}</TableCell>
+                    <TableCell>{row[3]}</TableCell>
+                    <TableCell>{row[4]}</TableCell>
+                  </TableRow>
+                ))}
           </TableBody>
         </Table>
       </TableContainer>

webapp/src/components/HistoricalData.test.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import { render, screen, waitFor } from '@testing-library/react';
+import axios from 'axios';
+import MockAdapter from 'axios-mock-adapter';
+import HistoricalData from './HistoricalData';
+import { BrowserRouter as Router } from 'react-router-dom';
+
+const mockAxios = new MockAdapter(axios);
+
+describe('HistoricalData component', () => {
+  beforeEach(() => {
+    mockAxios.reset();
+  });
+
+  it('muestra la página con el histórico de preguntas generadas', async () => {
+
+    const question1 = ['¿Cual es la capital de Venezuela?', 'Caracas', 'Doha', 'Barcelona', 'Nasáu'];
+    const question2 = ['¿Cual es la capital de Francia?', 'París', 'Londres', 'Madrid', 'Roma'];
+    const mockUsers = [question1, question2];
+    mockAxios.onGet("http://localhost:8000/getquestionshistory").reply(200, mockUsers);
+
+    render(<Router>
+        <HistoricalData />
+      </Router>);
+
+    await waitFor(() => {
+
+        expect(screen.getByText('¿Cual es la capital de Venezuela?')).toBeInTheDocument();
+        expect(screen.getByText('Caracas')).toBeInTheDocument();
+        expect(screen.getByText('Doha')).toBeInTheDocument();
+        expect(screen.getByText('Barcelona')).toBeInTheDocument();
+        expect(screen.getByText('Nasáu')).toBeInTheDocument();
+
+        expect(screen.getByText('¿Cual es la capital de Francia?')).toBeInTheDocument();
+        expect(screen.getByText('París')).toBeInTheDocument();
+        expect(screen.getByText('Londres')).toBeInTheDocument();
+        expect(screen.getByText('Madrid')).toBeInTheDocument();
+        expect(screen.getByText('Roma')).toBeInTheDocument();
+
+      });
+  });
+});
+
+

webapp/src/components/RegisteredUsers.js

@@ -41,13 +41,20 @@ const RegisteredUsers = () => {
             </tr>
           </thead>
           <tbody>
-            {registeredUsers.map((row, rowIndex) => (
+            {/* {registeredUsers.map((row, rowIndex) => (
               <tr key={rowIndex}>
                 {row.map((cell, cellIndex) => (
                   <td key={cellIndex}>{cell}</td>
                 ))}
               </tr>
+            ))} */}
+            {registeredUsers.map((row, rowIndex) => (
+              <tr key={rowIndex}>
+                <td>{row[0]}</td>
+                <td>{row[1]}</td>
+              </tr>
             ))}
+
           </tbody>
         </table>
       </div>

webapp/src/components/RegisteredUsers.test.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { render, screen, waitFor } from '@testing-library/react';
+import axios from 'axios';
+import MockAdapter from 'axios-mock-adapter';
+import {BrowserRouter as Router} from "react-router-dom";
+import RegisteredUsers from './RegisteredUsers';
+
+const mockAxios = new MockAdapter(axios);
+
+describe('Registered Users component', () => {
+  beforeEach(() => {
+    mockAxios.reset();
+  });
+
+  it('muestra todos los usuarios registrados', async () => {
+    const user1 = ['pablo', '4/23/2024'];
+    const mockUsers = [user1];
+    mockAxios.onGet("http://localhost:8000/getregisteredusers").reply(200, mockUsers);
+
+    render(
+      <Router>
+        <RegisteredUsers />
+      </Router>);
+
+  await waitFor(() => {
+
+    expect(screen.getByText('pablo')).toBeInTheDocument();
+    expect(screen.getByText('4/23/2024')).toBeInTheDocument();
+    });
+
+  });
+});