🥑
Introduction to Cypress
  • Bienvenidos
  • Introducción
    • Qué es End-to-End Testing
    • Qué es automatización de pruebas
    • Testing Automatizado vs. Testing Manual
  • Cypress
    • Qué es Cypress
    • Instalación
      • Update
      • Nuevo proyecto
    • Framework
    • Escribiendo el primer test
    • Ejecutando el primer test
    • Configurando Reportes
    • Conclusiones
Powered by GitBook
On this page

Was this helpful?

  1. Cypress

Ejecutando el primer test

PreviousEscribiendo el primer testNextConfigurando Reportes

Last updated 5 years ago

Was this helpful?

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

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.

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

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

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

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

La documentación oficial de es bastante completa y puedes encontrar más información de comandos adicionales que puedes utilizar durante una ejecución:

✅
Cypress.io
https://docs.cypress.io/guides/guides/command-line.html#Commands
🚀
🎯
Comando ejecutado desde la Terminal
Lista de tests disponibles para ejecutar
Ejecución de un test en Cypress con entorno gráfico
Comando ejecutado de la Terminal
Resultado de todos los tests ejecutados en modo headless
videos y screenshots disponibles en el proyecto