Pruebas de hooks personalizados (vista previa)

Objetivo: verificar el comportamiento de un hook mediante un pequeño componente de prueba.

• Probar las entradas
• Observar los valores devueltos
• Comprobar los efectos y la limpieza

Estrategia:

• Crear un componente pequeño que use el hook
• Exponer botones o inputs para activar cambios
• Comprobar los resultados mediante texto visible o logs de consola

Creamos useCounter y un pequeño componente de prueba para hacer clic y observar los resultados, como en una prueba manual.

Para hooks con efectos (temporizadores o listeners), asegúrese de que el componente de prueba se monte y desmonte, o alterne las condiciones, para comprobar que se ejecuta la limpieza (sin logs ni temporizadores sobrantes).

Un pequeño useInterval incrementa un contador. El componente de prueba puede iniciarlo y detenerlo para verificar la limpieza.

Próximos pasos:

• Use React Testing Library para renderizar el componente de prueba y comprobar el texto
• Use los temporizadores de Vitest/Jest para avanzar el tiempo en hooks de intervalos o debounce
• Mantenga los hooks puros y exponga una API mínima para facilitar las pruebas

Resumen: cree un pequeño componente de prueba para ejercitar el hook, verifique los resultados y la limpieza, y después pase a pruebas formales con una biblioteca de testing.