Integrando Cypress al proyecto

Estando en el directorio del proyecto realizamos la instalación de Cypress con el comando npm i cypress -D. La instalación puede tomar varios minutos. Recuerda que tu proyecto debe incluir webpack y sus archivos de configuración. Algo que debemos tener muy en cuenta es que para integrar Cypress a nuestro proyecto, necesitaremos configurar un entorno similar al entorno de producción.

Es necesario crear algunos scripts adicionales en las configuraciones de webpack y modificar el archivo build.js para que cargue las credenciales de Firebase apropiadas desde production.env o test.env según el entorno en el que estemos haciendo la ejecución.

Ya que necesitaremos un servidor estático para ejecutar las pruebas de Cypress, procedemos a instalar npm i pushstate-server -D y agregamos el script correspondiente para su ejecución en el archivo de configuraciones de webpack.

Finalmente creamos el script que ejecutará el build de nuestra aplicación y levantará el server en el que se correrán las pruebas con Cypress. Siempre debemos hacer el build antes de ejecutar el testing.

> Repasa qué es e2e testing