Mejora coverage webapp y pequeños ajustes de diseño

Arquisoft · Apr 28, 2024 · 9baba7b · 9baba7b
1 parent 724f1c6
commit 9baba7b
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 22 deletions.
diff --git a/webapp/public/images/github.jpg b/webapp/public/images/github.jpg
diff --git a/webapp/src/components/pages/AboutUS.js b/webapp/src/components/pages/AboutUS.js
@@ -11,12 +11,18 @@ function AboutUS() {
       <div className='cards__container'>
         <div className='cards__wrapper'>
           <ul className='cards__items'>
-            {/* API Doc */}
+            {/*Creditos */}
+            <CardItem
+                src='images/creditos.jpg'
+                text='Créditos de la Aplicación'
+                label='Créditos'
+                path='/creditos'
+            />
             <CardItem
-              src='images/api-logic.jpg'
-              text='Desarrollo de la lógica de integración con la API de Wikidata para enriquecer nuestro proyecto.'
-              label='API de Wikidata'
-              path={`${apiEndpoint}/api-doc`}
+                src='images/github.jpg'
+                text='Explora nuestro código en GitHub y contribuye al desarrollo del proyecto WIQ.'
+                label='GitHub WIQ4D'
+                path='https://github.com/Arquisoft/wiq_es04d'
             />
           </ul>
           <ul className='cards__items'>
@@ -25,7 +31,7 @@ function AboutUS() {
               src='images/database.jpg'
               text='Implementación de soluciones de bases de datos para gestionar eficientemente la información.'
               label='Base de Datos'
-              path='https://www.mongodb.com'
+              path='https://github.com/Arquisoft/wiq_es04d/wiki/ADR-4-%E2%80%90-Base-de-datos'
             />
             {/* Documentación */}
             <CardItem
@@ -34,12 +40,12 @@ function AboutUS() {
               label='Documentación'
               path='https://arquisoft.github.io/wiq_es04d/'
             />
-            {/*Creditos */}
+
             <CardItem
-              src='images/creditos.jpg'
-              text='Créditos de la Aplicación'
-              label='Créditos'
-              path='/creditos'
+                src='images/api-logic.jpg'
+                text='Desarrollo de la lógica de integración con la API de Wikidata para enriquecer nuestro proyecto.'
+                label='API de Wikidata'
+                path={`${apiEndpoint}/api-doc`}
             />
           </ul>
         </div>

diff --git a/webapp/src/components/pages/AboutUS.test.js b/webapp/src/components/pages/AboutUS.test.js
@@ -28,6 +28,6 @@ describe('AboutUS Component', () => {
         // Usamos queryAllByTestId para seleccionar todos los elementos con el data-testid "card-item"
         const cardItems = screen.queryAllByTestId('card-item');
         // Verificamos que el número de elementos encontrados sea el esperado
-        expect(cardItems).toHaveLength(4); // Cambia el número esperado según cuántos CardItem esperas renderizar
+        expect(cardItems).toHaveLength(5); // Cambia el número esperado según cuántos CardItem esperas renderizar
     });
 });
diff --git a/webapp/src/components/pages/Creditos.js b/webapp/src/components/pages/Creditos.js
@@ -1,17 +1,7 @@
-//import React, { useRef, useEffect } from 'react';
 import React from 'react';
 import '../../App.css';
 
 function Creditos() {
-    // const videoRef = useRef(null); // Crear la referencia
-
-    // useEffect(() => {
-    //     if (videoRef.current) {
-    //         videoRef.current.playbackRate = 0.7; // Establecer la velocidad de reproducción al 80%
-    //     }
-    // }, []);
-
-    // ref={videoRef}
 
     return (
         <div className='hero-container'>

diff --git a/webapp/src/components/pages/Creditos.test.js b/webapp/src/components/pages/Creditos.test.js
@@ -0,0 +1,12 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import Creditos from './Creditos'; // Asegúrate de que la ruta del import es correcta
+
+describe('Componente Creditos', () => {
+    test('debería contener un video que se auto-reproduce', () => {
+        render(<Creditos />);
+        const videoElement = screen.getByTestId('creditos-video');
+        expect(videoElement).toBeInTheDocument();
+        expect(videoElement).toHaveAttribute('autoPlay');
+    });
+});