Ejecutando el primer test

Ahora que tenemos nuestro primer test creado, ¡vamos a ejecutarlo! 🚀

Por defecto, los tests se ejecutarán en modo headless, es decir, mediante un navegador sin interfaz gráfica. El navegador con el que se ejecutarán los test es Electron. No necesitamos instalar Electron ya que es el navegador por defecto de Cypress.io. Sin embargo, si tienes instalado Chrome Browser, Cypress es capaz de detectarlo y ejecutarlo por defecto con este navegador en modo headed. 🎯

Existen dos maneras de ejecutar Cypress, la primera es levantando el Cypress Test Runner para visualizar todo el entorno de interfaz gráfica de la ejecución, a través del comando: npx cypress open

Comando ejecutado desde la Terminal

Cuando el usuario ejecuta el comando, el sistema inmediatamente levanta el Cypress Test Runner donde podemos visualiza los tests *.spec.js que tenemos disponibles para ejecutar.

Lista de tests disponibles para ejecutar

Una vez tenemos levantado el Cypress Test Runner podemos hacer click sobre el archivo para ejecutar los tests✅

Ejecución de un test en Cypress con entorno gráfico

La segunda forma de ejecutar Cypress es en modo headless. Es decir, sin levantar el Test Runner y sin interfaz gráfica disponible. Para ejecutar en modo headless simplemente debes ejecutar en la terminar el comando: npm test

Comando ejecutado de la Terminal

Cuando se ejecuta en modo headless Cypress nos permite automáticamente grabar videos y tomar screenshots de todos los tests disponibles.

Resultado de todos los tests ejecutados en modo headless

Podemos revisar que los videos y los screenshots quedaron guardados en las carpetas videos y screenshots

videos y screenshots disponibles en el proyecto

La documentación oficial de Cypress.io es bastante completa y puedes encontrar más información de comandos adicionales que puedes utilizar durante una ejecución: https://docs.cypress.io/guides/guides/command-line.html#Commands