cypress-react-unit-test
Ejecutar pruebas unitarias y de integraciĆ³n de componentes React de forma aislada dentro de un navegador real.
Antiguo paquete experimental para ejecutar pruebas unitarias de componentes React en Cypress, ahora integrado directamente en el core de Cypress.
Notas y contexto
QuƩ es
cypress-react-unit-test fue un paquete experimental desarrollado por el equipo de Cypress para permitir la ejecuciĆ³n de pruebas unitarias y de integraciĆ³n sobre componentes de React directamente en el navegador. Proporcionaba un entorno donde los componentes se montaban de forma aislada, combinando la velocidad de las pruebas unitarias con el renderizado real de Cypress.
Para quƩ sirve
- Montar componentes individuales de React utilizando una funciĆ³n
mountpersonalizada dentro de la interfaz de pruebas de Cypress. - Realizar pruebas de comportamiento de componentes simulando eventos del navegador reales (como clicks, foco, escritura) en lugar de usar simulaciones lĆ³gicas (jsdom).
- Probar estilos CSS, layouts responsivos y animaciones de componentes de interfaz que no se pueden verificar fƔcilmente en entornos headless puros.
- Acceder de forma interactiva al estado visual y la consola del navegador durante el desarrollo y depuraciĆ³n de pruebas de componentes.
CuƔndo usarlo
[!WARNING] Este paquete ha sido marcado como obsoleto (deprecated) y su repositorio archivado.
No se debe utilizar para nuevos proyectos. En su lugar, se debe utilizar el soporte nativo de Cypress Component Testing, el cual viene integrado directamente en el paquete principal de Cypress a partir de su versiĆ³n 10. La migraciĆ³n requiere reemplazar la importaciĆ³n de cypress-react-unit-test por las funciones de montaje oficiales de Cypress.
Puntos clave
- PermitiĆ³ por primera vez depurar pruebas unitarias de React usando las herramientas de desarrollo del navegador en tiempo real.
- Soporte para componentes funcionales, hooks, contextos y componentes basados en clases.
- IntegraciĆ³n directa con las utilidades de aserciĆ³n familiares de Cypress (
cy.get(),cy.contains()). - SentĆ³ las bases para el actual sistema integrado de Component Testing de la suite oficial de Cypress.
Ten en cuenta
Al ser una librerĆa descontinuada y obsoleta, no es compatible con versiones modernas de React (React 18+) ni con los bundles modernos de empaquetado (como Vite). Si mantienes un proyecto heredado, se aconseja encarecidamente migrar al soporte integrado oficial de Cypress.