Cambios para tests

webapp/src/components/Home.test.js

@@ -1,4 +1,4 @@
-import { render, screen, fireEvent, waitFor } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
 import Home from './Home';
 import userEvent from '@testing-library/user-event';
 import {BrowserRouter} from 'react-router-dom';

webapp/src/components/QuizGame.test.js

@@ -0,0 +1,27 @@
+import { render, screen, fireEvent } from '@testing-library/react';
+import QuizGame from './QuizGame';
+import axios from 'axios';
+import MockAdapter from 'axios-mock-adapter';
+
+const mockAxios = new MockAdapter(axios);
+
+beforeEach(() => {
+    mockAxios.reset();
+  });
+
+test('Pregunta correcta', () => {
+    mockAxios.onGet('http://localhost:8000/generate-question').reply(200, {
+    question: "pregunta",
+  correctAnswer: "correcta",
+  allAnswers: ["correcta","no1","no2","no3"]});
+
+  render(<QuizGame />);
+  expect(screen.getByText(/Loading questions.../i)).toBeInTheDocument();
+
+
+
+  const correcta = screen.getByRole('button', { name: /correcta/i });
+  fireEvent.click(correcta);
+
+
+});

webapp/src/components/login/Login.css

@@ -9,16 +9,16 @@
   }
 
   .text{
-    margin-top: 20ev;
+    margin-top: 20px;
     text-align: center;
-    font-size: 20ev;
+    font-size: 20px;
     font-weight: bold;
     font-display: 'Fira Sans', sans-serif;
   }
 
   .underline{
     width: 20%;
-    margin-top: 7ev;
+    margin-top: 7px;
     height: 0.5em;
     border-radius: 9em;
     background: #EE0E51;

webapp/src/components/register/AddUser.css

@@ -8,16 +8,16 @@
   }
 
 .text{
-  margin-top: 20ev;
+  margin-top: 20px;
   text-align: center;
-  font-size: 20ev;
+  font-size: 20px;
   font-weight: bold;
   font-display: 'Fira Sans', sans-serif;
 }
 
 .underline{
   width: 20%;
-  margin-top: 7ev;
+  margin-top: 7px;
   height: 0.5em;
   border-radius: 9px;
   background: #EE0E51;