Merge pull request #80 from Arquisoft/50-realizar-pruebas-unitarias

50 realizar pruebas unitarias
Arquisoft · Apr 2, 2024 · 20947ea · 20947ea
2 parents 7664713 + af96cb8
commit 20947ea
Show file tree

Hide file tree

Showing 4 changed files with 63 additions and 47 deletions.
diff --git a/webapp/src/components/CustomModal/CustomModal.js b/webapp/src/components/CustomModal/CustomModal.js
@@ -21,10 +21,10 @@ const CustomModal = ({ title, text, route }) => {
           </ModalBody>
 
           <ModalFooter>
-            <Button colorScheme='blue' mr={3} onClick={onClose}>
+            <Button variant='ghost' mr={3} onClick={onClose}>
               Cerrar
             </Button>
-            <Button variant='ghost' onClick={() => navigate(route)}>Jugar</Button>
+            <Button colorScheme='blue' onClick={() => navigate(route)}>Jugar</Button>
           </ModalFooter>
         </ModalContent>
       </Modal>

diff --git a/webapp/src/components/Preguntas.js b/webapp/src/components/Preguntas.js
diff --git a/webapp/src/components/Stats.js b/webapp/src/components/Stats.js
diff --git a/webapp/src/pages/Clasico/Clasico.test.js b/webapp/src/pages/Clasico/Clasico.test.js
@@ -2,13 +2,13 @@ import React from "react";
 import { render, screen, fireEvent, waitFor } from "@testing-library/react";
 import "@testing-library/jest-dom/extend-expect";
 import Clasico from "./Clasico";
-import { BrowserRouter as Router } from "react-router-dom";
+import { MemoryRouter } from "react-router-dom";
 
 beforeEach(() => {
   jest.resetAllMocks();
 });
 
-describe("JuegoPreguntas Component", () => {
+describe("Clasico Component", () => {
   test("renders game questions and handles user answers", async () => {
     const mockQuestions = [
       {
@@ -29,9 +29,9 @@ describe("JuegoPreguntas Component", () => {
     });
 
     render(
-      <Router>
+      <MemoryRouter>
         <Clasico />
-      </Router>
+      </MemoryRouter>
     );
 
     // Verificar que las preguntas se rendericen correctamente
@@ -51,7 +51,64 @@ describe("JuegoPreguntas Component", () => {
     // Verificar que la respuesta seleccionada se resalte correctamente
     expect(screen.getByText("París")).toHaveStyle('backgroundColor: "#10FF00"');
 
+    // Simular el siguiente paso del juego
+    const button = screen.getByText("Responder");
+    button.click();
+
+    await waitFor(
+      () => {
+        expect(
+          screen.getByText("¿Cuál es el río más largo del mundo?")
+        ).toBeInTheDocument();
+        expect(screen.getByText("Amazonas")).toBeInTheDocument();
+        expect(screen.getByText("Nilo")).toBeInTheDocument();
+        expect(screen.getByText("Misisipi")).toBeInTheDocument();
+        expect(screen.getByText("Yangtsé")).toBeInTheDocument();
+      },
+      { timeout: 30000 }
+    );
+
+    // Simular la selección de una respuesta incorrecta
+    fireEvent.click(screen.getByText("Nilo"));
+
+    // Verificar que la respuesta seleccionada se resalte correctamente
+    expect(screen.getByText("Amazonas")).toHaveStyle('backgroundColor: "#10FF00"');
+
     // Simular el siguiente paso del juego
     fireEvent.click(screen.getByText("Responder"));
+
+    await waitFor(
+      () => {
+        expect(screen.getByText("¡Juego terminado!")).toBeInTheDocument();
+        expect(screen.getByText("Repetir Juego")).toBeInTheDocument();
+        expect(screen.getByText("Volver al Menú Principal")).toBeInTheDocument();
+      },
+      { timeout: 30000 }
+    );
+
+    fireEvent.click(screen.getByText("Repetir Juego"));
+  }, 50000);
+
+  test("renders game questions and handles errors", async () => {
+    jest.spyOn(global, "fetch").mockImplementationOnce(() =>
+      Promise.resolve({
+        ok: false,
+        status: 400,
+        json: () => Promise.resolve({ error: "Failed to fetch" }),
+      })
+    );
+
+    render(
+      <MemoryRouter>
+        <Clasico />
+      </MemoryRouter>
+    );
+
+    await waitFor(
+      () => {
+        expect(screen.getByText("Loading...")).toBeInTheDocument();
+      },
+      { timeout: 30000 }
+    );
   });
 });