diff --git a/webapp/package-lock.json b/webapp/package-lock.json
index 780d7e56..aff1418e 100644
--- a/webapp/package-lock.json
+++ b/webapp/package-lock.json
@@ -5,6 +5,7 @@
   "requires": true,
   "packages": {
     "": {
+      "name": "webapp",
       "version": "0.1.0",
       "dependencies": {
         "@emotion/react": "^11.11.3",
@@ -32525,6 +32526,11 @@
       "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
       "requires": {}
     },
+    "animate.css": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/animate.css/-/animate.css-4.1.1.tgz",
+      "integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ=="
+    },
     "ansi-align": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz",
@@ -33196,6 +33202,12 @@
       "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
       "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww=="
     },
+    "bootstrap": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.3.tgz",
+      "integrity": "sha512-8HLCdWgyoMguSO9o+aH+iuZ+aht+mzW0u3HIMzVu7Srrpv7EBBxTnrFlSCskwdY1+EOFQSm7uMJhNQHkdPcmjg==",
+      "requires": {}
+    },
     "boxen": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/boxen/-/boxen-7.0.0.tgz",
diff --git a/webapp/src/components/MainPage.js b/webapp/src/components/MainPage.js
index 9d076d21..0708b421 100644
--- a/webapp/src/components/MainPage.js
+++ b/webapp/src/components/MainPage.js
@@ -52,7 +52,7 @@ const MainPage = () => {
                     <Grid item xs={12} md={6}>
                         <div title='main'>
                             <Button variant="contained" color="primary" fullWidth onClick={handleShowGame}  >
-                                Empezar juego
+                                Nuevo juego
                             </Button>
                             <Button variant="contained" color="primary" fullWidth onClick={handleShowHistoricalData}  >
                                 Histórico de preguntas
diff --git a/webapp/src/components/MainPage.test.js b/webapp/src/components/MainPage.test.js
new file mode 100644
index 00000000..215c944f
--- /dev/null
+++ b/webapp/src/components/MainPage.test.js
@@ -0,0 +1,45 @@
+import React from 'react';
+import { render, fireEvent, screen } from '@testing-library/react';
+import axios from 'axios';
+import MockAdapter from 'axios-mock-adapter';
+import MainPage from './MainPage';
+import { UserProvider } from './UserContext';
+import { BrowserRouter as Router } from 'react-router-dom';
+
+const mockAxios = new MockAdapter(axios);
+
+describe('MainPage component', () => {
+  beforeEach(() => {
+    mockAxios.reset();
+  });
+
+  it('muestra la página principal correctamente', async () => {
+
+    render(<UserProvider>
+      <Router>
+        <MainPage />
+      </Router>
+    </UserProvider>);
+
+    const element1 = screen.getByText(/¡Bienvenido a/);
+    const element2 = screen.getByText(/WIQ 2024!/);
+    const newGameButton = screen.getByRole('button', { name: 'Nuevo juego' });
+    const historicalQuestionsButton = screen.getByRole('button', { name: 'Historial de preguntas' });
+    const historialUserDataButton = screen.getByRole('button', { name: 'Historial del usuario' });
+    const registerUsersButton = screen.getByRole('button', { name: 'Usuarios Registrados' });
+
+    // Verifica si el elemento se encuentra en el DOM
+    expect(element1).toBeInTheDocument();
+    expect(element2).toBeInTheDocument();
+
+    // Simulate user input
+    await act(async () => {
+        fireEvent.click(newGameButton);
+        fireEvent.click(historicalQuestionsButton);
+        fireEvent.click(historialUserDataButton);
+        fireEvent.click(registerUsersButton);
+      });
+  });
+});
+
+