From 1246afa7254e1314dd645daf85f15adb9c8b50de Mon Sep 17 00:00:00 2001
From: Santiago21112001 <minesanti2001@gmail.com>
Date: Wed, 6 Mar 2024 07:21:50 +0100
Subject: [PATCH] Tests React salvo Game.js y organizado el directorio
 components

---
 webapp/src/App.js                             |  4 +--
 webapp/src/App.test.js                        | 12 ++++---
 .../src/components/{ => adduser}/AddUser.js   |  0
 .../components/{ => adduser}/AddUser.test.js  |  0
 .../{styles => components/footer}/Footer.css  |  0
 webapp/src/components/{ => footer}/Footer.js  |  2 +-
 webapp/src/components/footer/Footer.test.js   | 27 +++++++++++++++
 webapp/src/components/{ => login}/Login.js    |  2 +-
 .../src/components/{ => login}/Login.test.js  |  0
 webapp/src/components/{ => navbar}/NavBar.js  |  2 +-
 webapp/src/components/navbar/NavBar.test.js   | 33 +++++++++++++++++++
 .../{styles => components/navbar}/Navbar.css  |  0
 12 files changed, 72 insertions(+), 10 deletions(-)
 rename webapp/src/components/{ => adduser}/AddUser.js (100%)
 rename webapp/src/components/{ => adduser}/AddUser.test.js (100%)
 rename webapp/src/{styles => components/footer}/Footer.css (100%)
 rename webapp/src/components/{ => footer}/Footer.js (83%)
 create mode 100644 webapp/src/components/footer/Footer.test.js
 rename webapp/src/components/{ => login}/Login.js (98%)
 rename webapp/src/components/{ => login}/Login.test.js (100%)
 rename webapp/src/components/{ => navbar}/NavBar.js (93%)
 create mode 100644 webapp/src/components/navbar/NavBar.test.js
 rename webapp/src/{styles => components/navbar}/Navbar.css (100%)

diff --git a/webapp/src/App.js b/webapp/src/App.js
index 2432b7e..76c708e 100644
--- a/webapp/src/App.js
+++ b/webapp/src/App.js
@@ -1,6 +1,6 @@
  import React, { useState } from 'react';
-import AddUser from './components/AddUser';
-import Login from './components/Login';
+import AddUser from './components/adduser/AddUser';
+import Login from './components/login/Login';
 import CssBaseline from '@mui/material/CssBaseline';
 import Container from '@mui/material/Container';
 import Typography from '@mui/material/Typography';
diff --git a/webapp/src/App.test.js b/webapp/src/App.test.js
index 2a50f56..9193c9a 100644
--- a/webapp/src/App.test.js
+++ b/webapp/src/App.test.js
@@ -1,8 +1,10 @@
-import { render, screen } from '@testing-library/react';
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
 import App from './App';
 
-test('renders learn react link', () => {
-  render(<App />);
-  const linkElement = screen.getByText(/WIQ_ES04C/i);
-  expect(linkElement).toBeInTheDocument();
+describe('App Component', () => {
+  test('renders App component', () => {
+    render(<App />);
+    expect(screen.getByText(/Welcome to the 2024 edition of the Software Architecture course/i)).toBeInTheDocument();
+  });
 });
diff --git a/webapp/src/components/AddUser.js b/webapp/src/components/adduser/AddUser.js
similarity index 100%
rename from webapp/src/components/AddUser.js
rename to webapp/src/components/adduser/AddUser.js
diff --git a/webapp/src/components/AddUser.test.js b/webapp/src/components/adduser/AddUser.test.js
similarity index 100%
rename from webapp/src/components/AddUser.test.js
rename to webapp/src/components/adduser/AddUser.test.js
diff --git a/webapp/src/styles/Footer.css b/webapp/src/components/footer/Footer.css
similarity index 100%
rename from webapp/src/styles/Footer.css
rename to webapp/src/components/footer/Footer.css
diff --git a/webapp/src/components/Footer.js b/webapp/src/components/footer/Footer.js
similarity index 83%
rename from webapp/src/components/Footer.js
rename to webapp/src/components/footer/Footer.js
index 7143c16..0772600 100644
--- a/webapp/src/components/Footer.js
+++ b/webapp/src/components/footer/Footer.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import '../styles/Footer.css'; // Asegúrate de importar tu archivo de estilos si es necesario
+import './Footer.css'; // Asegúrate de importar tu archivo de estilos si es necesario
 
 const Footer = () => (
   <footer className="footer">
diff --git a/webapp/src/components/footer/Footer.test.js b/webapp/src/components/footer/Footer.test.js
new file mode 100644
index 0000000..b365653
--- /dev/null
+++ b/webapp/src/components/footer/Footer.test.js
@@ -0,0 +1,27 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import Footer from './Footer';
+
+describe('Footer Component', () => {
+  test('renders footer with correct content and links', () => {
+    // Renderizar el componente
+    render(<Footer />);
+
+    // Verificar que el texto "Trabajo de Arquitectura del Software" esté presente
+    expect(screen.getByText('Trabajo de Arquitectura del Software')).toBeInTheDocument();
+
+    // Verificar que el enlace al Github del Proyecto esté presente con el atributo target="_blank"
+    const githubLink = screen.getByRole('link', { name: /Github del Proyecto/i });
+    expect(githubLink).toBeInTheDocument();
+    expect(githubLink).toHaveAttribute('href', 'https://github.com/Arquisoft/wiq_es04c');
+    expect(githubLink).toHaveAttribute('target', '_blank');
+    expect(githubLink).toHaveAttribute('rel', 'noopener noreferrer');
+
+    // Verificar que el enlace a la Escuela de Ingeniería Informática esté presente con el atributo target="_blank"
+    const schoolLink = screen.getByRole('link', { name: /Escuela de Ingeniería Informática/i });
+    expect(schoolLink).toBeInTheDocument();
+    expect(schoolLink).toHaveAttribute('href', 'https://ingenieriainformatica.uniovi.es');
+    expect(schoolLink).toHaveAttribute('target', '_blank');
+    expect(schoolLink).toHaveAttribute('rel', 'noopener noreferrer');
+  });
+});
diff --git a/webapp/src/components/Login.js b/webapp/src/components/login/Login.js
similarity index 98%
rename from webapp/src/components/Login.js
rename to webapp/src/components/login/Login.js
index 35ce305..03ce23f 100644
--- a/webapp/src/components/Login.js
+++ b/webapp/src/components/login/Login.js
@@ -2,7 +2,7 @@
 import React, { useState } from 'react';
 import axios from 'axios';
 import { Container, Typography, TextField, Button, Snackbar } from '@mui/material';
-import Game from './game/Game.js';
+import Game from '../game/Game.js';
 
 const Login = () => {
   const [username, setUsername] = useState('');
diff --git a/webapp/src/components/Login.test.js b/webapp/src/components/login/Login.test.js
similarity index 100%
rename from webapp/src/components/Login.test.js
rename to webapp/src/components/login/Login.test.js
diff --git a/webapp/src/components/NavBar.js b/webapp/src/components/navbar/NavBar.js
similarity index 93%
rename from webapp/src/components/NavBar.js
rename to webapp/src/components/navbar/NavBar.js
index c3fc42f..f8cc737 100644
--- a/webapp/src/components/NavBar.js
+++ b/webapp/src/components/navbar/NavBar.js
@@ -1,6 +1,6 @@
 // En /src/components/Navbar.js
 import React from 'react';
-import '../styles/Navbar.css'; // Importa tu archivo de estilos si es necesario
+import './Navbar.css'; // Importa tu archivo de estilos si es necesario
 
 const Navbar = () => (
     <nav className="navbar navbar-expand-lg navbar-dark bg-primary fixed-top">
diff --git a/webapp/src/components/navbar/NavBar.test.js b/webapp/src/components/navbar/NavBar.test.js
new file mode 100644
index 0000000..123d790
--- /dev/null
+++ b/webapp/src/components/navbar/NavBar.test.js
@@ -0,0 +1,33 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import Navbar from './Navbar';
+
+describe('Navbar Component', () => {
+  test('renders Navbar with correct content and links', () => {
+    // Renderizar el componente
+    render(<Navbar />);
+
+    // Verificar que el logo esté presente
+    const logo = screen.getByAltText('Logo');
+    expect(logo).toBeInTheDocument();
+    expect(logo).toHaveAttribute('src', '/LogoSaberYganar.png');
+
+    // Verificar que los enlaces de registro e inicio de sesión estén presentes con los íconos correctos
+    const registerLink = screen.getByRole('link', { name: /Registrarse/i });
+    expect(registerLink).toBeInTheDocument();
+    expect(registerLink).toHaveAttribute('href', '/signup');
+
+    const loginLink = screen.getByRole('link', { name: /Iniciar sesión/i });
+    expect(loginLink).toBeInTheDocument();
+    expect(loginLink).toHaveAttribute('href', '/login');
+
+    // Verificar que los íconos estén presentes en los enlaces
+    const registerIcon = screen.getByRole('link', { name: /Registrarse/i }).querySelector('i');
+    expect(registerIcon).toBeInTheDocument();
+    expect(registerIcon).toHaveClass('fas fa-sign-in-alt');
+
+    const loginIcon = screen.getByRole('link', { name: /Iniciar sesión/i }).querySelector('i');
+    expect(loginIcon).toBeInTheDocument();
+    expect(loginIcon).toHaveClass('fas fa-sign-in-alt');
+  });
+});
diff --git a/webapp/src/styles/Navbar.css b/webapp/src/components/navbar/Navbar.css
similarity index 100%
rename from webapp/src/styles/Navbar.css
rename to webapp/src/components/navbar/Navbar.css