19927988907

Committed 04 Dec 2025 11:50AM UTC coverage: 15.275% (+15.3%) from 0.0%

Build # 19927988907

Build Type

push

github

Committed by

alu0101539669

Commit Message

Fix: arreglo el package.json añadiendo los test unitarios para que muestre la tabla

Run Details

153 of 1688 branches covered (9.06%)

Branch coverage included in aggregate %.

403 of 1952 relevant lines covered (20.65%)

0.74 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0

/src/client/hooks/useLanguage.ts

/**
 * @file useLanguage.ts
 * @description Hook React personalizado para gestionar el idioma de la aplicación
 * 
 * Obtiene el idioma actual del estado Redux y actualiza
 * automáticamente el atributo lang en el elemento HTML root.
 * 
 * @module hooks/useLanguage
 * @requires react - Librería React
 * @requires react-redux - Bindings de Redux para React
 */

import { useEffect } from 'react';
import { useSelector } from 'react-redux';
import { RootState } from '../store/store';

/**
 * Hook para gestionar el idioma de la aplicación
 * 
 * Efectos:
 * - Lee el idioma del estado Redux
 * - Actualiza el atributo lang en el HTML root
 * - Se sincroniza automáticamente cuando cambia el idioma
 * 
 * @function
 * @returns {string} Idioma actual ('es' | 'en')
 * 
 * @example
 * function MyComponent() {
 *   const language = useLanguage();
 *   return <div>Idioma actual: {language}</div>;
 * }
 */
export const useLanguage = () => {
  /**
   * Obtiene el idioma desde el estado Redux
   */
  const language = useSelector((state: RootState) => state.preferences.preferences.language);

  /**
   * Efecto: actualizar lang en el HTML cuando cambia el idioma
   * Esto ayuda a navegadores y lectores de pantalla a entender el idioma
   */
  useEffect(() => {
    document.documentElement.lang = language;
  }, [language]);

  return language;
};

1	/**
2	* @file useLanguage.ts
3	* @description Hook React personalizado para gestionar el idioma de la aplicación
4	*
5	* Obtiene el idioma actual del estado Redux y actualiza
6	* automáticamente el atributo lang en el elemento HTML root.
7	*
8	* @module hooks/useLanguage
9	* @requires react - Librería React
10	* @requires react-redux - Bindings de Redux para React
11	*/
12
13	import { useEffect } from 'react';
14	import { useSelector } from 'react-redux';
15	import { RootState } from '../store/store';
16
17	/**
18	* Hook para gestionar el idioma de la aplicación
19	*
20	* Efectos:
21	* - Lee el idioma del estado Redux
22	* - Actualiza el atributo lang en el HTML root
23	* - Se sincroniza automáticamente cuando cambia el idioma
24	*
25	* @function
26	* @returns {string} Idioma actual ('es' \| 'en')
27	*
28	* @example
29	* function MyComponent() {
30	* const language = useLanguage();
31	* return <div>Idioma actual: {language}</div>;
32	* }
33	*/
34	export const useLanguage = () => {	×
35	/**
36	* Obtiene el idioma desde el estado Redux
37	*/
38	const language = useSelector((state: RootState) => state.preferences.preferences.language);	×
39
40	/**
41	* Efecto: actualizar lang en el HTML cuando cambia el idioma
42	* Esto ayuda a navegadores y lectores de pantalla a entender el idioma
43	*/
44	useEffect(() => {	×
45	document.documentElement.lang = language;	×
46	}, [language]);
47
48	return language;	×
49	};

SyTW2526 / Proyecto-E09 / 19927988907

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous