Puedes probar un componente de React similar a como pruebas otro código JavaScript.

Hay varias formas de probar un componente React, la mayoría se agrupan en dos categorías:

• Renderizado del árbol de componentes en un entorno de prueba simplificado y comprobando sus salidas.
• Ejecutando la aplicación completa en un entorno de prueba más realista utilizando un navegador web (más conocido como pruebas “end-to-end”).

Esta sección de la documentación está enfocada en estrategias de prueba para el primer caso. Mientras las pruebas de tipo “end-to-end” pueden ser muy útiles para prever regresiones a flujos de trabajos importantes, estas pruebas no están relacionadas con los componentes React particularmente y están fuera del alcance de esta sección.

Concesiones

Cuando estás eligiendo las herramientas para realizar las pruebas, vale la pena considerar algunas Concesiones:

• Velocidad de iteración vs Entorno realista: Algunas herramientas ofrecen un ciclo de retroalimentación muy rápido entre hacer un cambio y ver el resultado, pero no modelan el comportamiento del navegador con precisión. Otras herramientas pueden usar un entorno de navegador real, pero reducen la velocidad de iteración y son menos confiables en un servidor de integración continua.
• Cuanto abarcar: Cuando pruebas componentes la diferencia entre Prueba Unitaria y Prueba de Integración puede ser borrosa. Si estás probando un formulario, se deben probar los botones del formulario en esta prueba? O el componente del botón debe tener su propia suit de pruebas? Debería la refactorización del botón afectar el resultado de las pruebas del formulario?

Diferentes respuestas pueden funcionar para diferentes equipos y diferentes productos.

Herramientas recomendadas

Jest Es una biblioteca de JavaScript para ejecución de pruebas que permite acceder al DOM mediante jsdom. Aunque jsdom solo se aproxima a como realmente los navegadores web trabajan, usualmente es suficiente para probar componentes de React. Jest brinda una gran velocidad de iteración combinada con potentes funcionalidades como simular módulos y temporizadores, esto permite tener mayor control sobre cómo se ejecuta el código.

Biblioteca de Pruebas para React es una biblioteca de utilidades que te ayudan a probar componentes React sin depender de los detalles de su implementación. Este enfoque simplifica la refactorización y también lo empuja hacia las mejores prácticas de accesibilidad, aunque no proporciona una forma de renderizar “superficialmente” un componente sin sus hijos, Jest te permite hacerlo gracias a su funcionalidad para simular.

Más Información

Esta sección está dividida en dos páginas:

• Recetas: Patrones comunes cuando escribes pruebas para componentes React.
• Entornos: Que debes considerar cuando estés configurando un entorno de pruebas para componentes React.