diff --git a/package-lock.json b/package-lock.json index 9c8d3124..0c1932cf 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,7 +8,6 @@ "chart.js": "^4.4.1", "react-chartjs-2": "^5.2.0" }, - "devDependencies": { "serve": "^14.2.1" } diff --git a/webapp/src/components/Game.jsx b/webapp/src/components/Game.jsx index 474abd0a..69012336 100644 --- a/webapp/src/components/Game.jsx +++ b/webapp/src/components/Game.jsx @@ -110,7 +110,7 @@ const Question = ({ goTo, setGameFinished }) => { useEffect(() => { fetchQuestion(); - }, [fetchQuestion]); + }, []); return( diff --git a/webapp/src/components/Start.jsx b/webapp/src/components/Start.jsx index f5c536d5..6ee87712 100644 --- a/webapp/src/components/Start.jsx +++ b/webapp/src/components/Start.jsx @@ -10,7 +10,7 @@ export const Start = ({ goTo }) => { - diff --git a/webapp/src/test/PostGame.test.js b/webapp/src/test/PostGame.test.js index ae3e48bd..7a0879a5 100644 --- a/webapp/src/test/PostGame.test.js +++ b/webapp/src/test/PostGame.test.js @@ -10,10 +10,34 @@ describe('PostGame component', () => { expect(screen.getByText('Fin del juego')).toBeInTheDocument(); }); - test('renders "Preguntas acertadas" text correctly', () => { + test('renders text correctly', () => { render(); // Verifica que el texto "Preguntas acertadas" se renderice correctamente expect(screen.getByText('Preguntas acertadas')).toBeInTheDocument(); + + // Verifica que el texto "Preguntas falladas" se renderice correctamente + expect(screen.getByText('Preguntas falladas')).toBeInTheDocument(); + + // Verifica que el texto "Tiempo usado" se renderice correctamente + expect(screen.getByText('Tiempo usado')).toBeInTheDocument(); + + // Verifica que el texto "Tiempo restante" se renderice correctamente + expect(screen.getByText('Tiempo restante')).toBeInTheDocument(); + }); + + test('formatTiempo devuelve el formato de tiempo correcto', () => { + // Ejemplo de datos de entrada y salida esperada + const segundos = 600; // 10 minutos en segundos + const tiempoEsperado = '10:00'; + + // Renderizar el componente PostGame que contiene la función formatTiempo + render(); + + // Obtener el componente que muestra el tiempo usado + const tiempoUsadoCell = screen.getByText('Tiempo usado').closest('tr').querySelector('td:last-child'); + + // Verificar si el texto del componente coincide con el tiempo esperado + expect(tiempoUsadoCell.textContent).toBe(tiempoEsperado); }); }); diff --git a/webapp/src/test/Start.test.js b/webapp/src/test/Start.test.js index ea23bf69..ffe0eb16 100644 --- a/webapp/src/test/Start.test.js +++ b/webapp/src/test/Start.test.js @@ -33,7 +33,7 @@ describe('Start component', () => { // Simular clic en el botón "Participación" fireEvent.click(screen.getByText('Participación')); - // Verificar que la función goTo se llamó con el argumento correcto (en este caso, 4) - expect(goToMock).toHaveBeenCalledWith(4); + // Verificar que la función goTo se llamó con el argumento correcto (en este caso, 3) + expect(goToMock).toHaveBeenCalledWith(3); }); });