unit testing en react parte 2: enzyme

Unit testing en react consiste en la idea de crear pruebas para validar el comportamiento de los componentes. Este se puede hacer por medio de librerías como enzyme que permiten manejar el estado de componentes sin necesidad de montarlas obligatoriamente en un DOM.

Existen diferentes acercamientos que se pueden usar con enzyme para probar componetes por medio de unit tests. Los metodos mas importantes en ezyme son shallow, mount y render. Las tres se comportan de una manera similar pero tienen grandes diferencias técnicas. Adicionalmente se puede utilizar los metodos renderProp y dive en enzyme para facilitar el proceso de unit testing con cierto tipo de componentes.

Shallow consiste en la idea de montar componentes ignorando los componentes hijos. Con esta técnica es muy fácil lograr asolar las pruebas solamente hacia el componente que se encuentra bajo prueba sin involucrar a los demás.

Mount consiste en la idea de montar componentes y adicionalmente a todos los hijos que existan en el camino. Tiene la característica de requerir un DOM a diferencia de shallow que no lo requiere. Adicionalmente es mas lento y requiere que los componentes sean desmontados cuando ya no se utilizan.

renderProp es un método de ayuda en enzyme que permite montar un componte que se renderiza por medio de la técnica render prop.

dive es un método de ayuda que permite desenvolver componentes y es especialmente útil con HoC.

==============================================
REPOSITORIO GITHUB

https://github.com/programax/react-redux-hydrate