diff --git a/webapp/src/components/GeneratedQuestionsList.test.js b/webapp/src/components/GeneratedQuestionsList.test.js
index 6cc4adba..40713a78 100644
--- a/webapp/src/components/GeneratedQuestionsList.test.js
+++ b/webapp/src/components/GeneratedQuestionsList.test.js
@@ -5,7 +5,7 @@ import GeneratedQuestionsList from './GeneratedQuestionsList';
describe('GeneratedQuestionsList component', () => {
// Test for rendering the component and checking the main heading
test('renders GeneratedQuestionsList component and main heading', () => {
- render();
+ render( {}} />);
// Check if the main heading is in the document
const heading = screen.getByRole('heading', { name: /Lista de preguntas/i });
@@ -14,7 +14,7 @@ describe('GeneratedQuestionsList component', () => {
// Test for rendering the table
it('should display the table', () => {
- render();
+ render( {}} />);
const table = screen.getByRole('table');
expect(table).toBeInTheDocument();
@@ -22,7 +22,7 @@ describe('GeneratedQuestionsList component', () => {
// Test for rendering the table headers
test('renders table headers', () => {
- render();
+ render( {}} />);
// Check if the table headers are in the document
const questionHeader = screen.getByRole('columnheader', { name: /Pregunta/i });
@@ -33,7 +33,7 @@ describe('GeneratedQuestionsList component', () => {
// Test for rendering the table rows
test('renders table rows', () => {
- render();
+ render( {}} />);
// Check if the table rows are in the document
const tableRows = screen.getAllByRole('row');
diff --git a/webapp/src/components/RankingList.test.js b/webapp/src/components/RankingList.test.js
index 8c7e6b9a..652132f6 100644
--- a/webapp/src/components/RankingList.test.js
+++ b/webapp/src/components/RankingList.test.js
@@ -48,14 +48,14 @@ describe('RankingList', () => {
it('renders without crashing', async () => {
await act(async () => {
- render();
+ render( {}} />);
});
});
test('renders RankingList component and main heading', async () => {
await act(async () => {
- render();
+ render( {}} />);
});
// Check if the main heading is in the document
@@ -66,7 +66,7 @@ describe('RankingList', () => {
// Test for rendering the column headers
test('renders column headers', async () => {
await act(async () => {
- render();
+ render( {}} />);
});
// Check if the column headers are in the document
@@ -77,7 +77,7 @@ describe('RankingList', () => {
// Test for rendering the table
it('should display the table', async () => {
await act(async () => {
- render();
+ render( {}} />);
});
const table = screen.getByRole('table');
@@ -87,7 +87,7 @@ describe('RankingList', () => {
test('tests tabla ranking', async () => {
await act(async () => {
- render();
+ render( {}} />);
});
expect(screen.queryByText("Ranking")).toBeInTheDocument();
@@ -100,7 +100,7 @@ describe('RankingList', () => {
test('show ranking table with content', async () => {
await act(async () => {
- render();
+ render( {}} />);
});
const rows = await screen.findAllByRole('row');
@@ -109,7 +109,7 @@ describe('RankingList', () => {
test('show users ordered by "porcentajeAciertos" BY DEFAULT correctly', async () => {
await act(async () => {
- render();
+ render( {}} />);
});
// We wait for the users to be loaded and the table to be updated
@@ -125,7 +125,7 @@ describe('RankingList', () => {
test('show users ordered by "username" correctly', async () => {
await act(async () => {
- render();
+ render( {}} />);
});
const usernameHeader = screen.getByRole('columnheader', { name: /Nombre de Usuario/i });
@@ -159,7 +159,7 @@ describe('RankingList', () => {
test('show users ordered by "porcentajeAciertos" correctly', async () => {
await act(async () => {
- render();
+ render( {}} />);
});
const porcentajeAciertosHeader = screen.getByRole('columnheader', { name: /Porcentaje de Aciertos/i });
@@ -193,7 +193,7 @@ describe('RankingList', () => {
test('show users ordered by "preguntasCorrectas" correctly', async () => {
await act(async () => {
- render();
+ render( {}} />);
});
const preguntasCorrectasHeader = screen.getByRole('columnheader', { name: /Preguntas Correctas/i });
@@ -226,7 +226,7 @@ describe('RankingList', () => {
test('show users ordered by "preguntasFalladas" correctly', async () => {
await act(async () => {
- render();
+ render( {}} />);
});
const preguntasFalladasHeader = screen.getByRole('columnheader', { name: /Preguntas Falladas/i });
@@ -259,7 +259,7 @@ describe('RankingList', () => {
test('show users ordered by "numeroPartidas" correctly', async () => {
await act(async () => {
- render();
+ render( {}} />);
});
const numPartidasHeader = screen.getByRole('columnheader', { name: /NĂºmero de Partidas/i });
diff --git a/webapp/src/components/RecordList.test.js b/webapp/src/components/RecordList.test.js
index f7ea2c02..60871daa 100644
--- a/webapp/src/components/RecordList.test.js
+++ b/webapp/src/components/RecordList.test.js
@@ -29,7 +29,7 @@ describe('RecordList', () => {
});
it('renders record list correctly', async () => {
- const { getByText } = render();
+ const { getByText } = render( {}} username="testuser" />);
await waitFor(() => {
expect(getByText('Tu historial de jugadas')).toBeInTheDocument();
diff --git a/webapp/src/components/UsersList.test.js b/webapp/src/components/UsersList.test.js
index 9d165f3c..84561cc3 100644
--- a/webapp/src/components/UsersList.test.js
+++ b/webapp/src/components/UsersList.test.js
@@ -36,7 +36,7 @@ describe('UsersList', () => {
it('renders headers list correctly', async () => {
await act(async () => {
- render();
+ render( {}} />);
});
// Check if the table headers are in the document
@@ -49,7 +49,7 @@ describe('UsersList', () => {
it('renders all the users rows', async () => {
await act(async () => {
- render();
+ render( {}} />);
});
// Check if the table rows are in the document
const tableRows = screen.getAllByRole('row');
@@ -58,7 +58,7 @@ describe('UsersList', () => {
it('should order users by username correctly', async () => {
await act(async () => {
- render();
+ render( {}} />);
});
// We click the username header to order the users by username
@@ -92,7 +92,7 @@ describe('UsersList', () => {
it('should order users by createdAt date correctly', async () => {
await act(async () => {
- render();
+ render( {}} />);
});
// We click the username header to order the users by username