La consola de Cypress

5/24
Recursos

La consola de Cypress es la interfaz gráfica de configuración y monitoreo en la que están listados todos los scripts de pruebas que hemos definido. Para acceder a ella al momento de ejecutar el testing es necesario incluir en el archivo de webpack un script con el comando cypress open --project ./test.

Este comando al ser ejecutado junto con el build y el server, creará una nueva carpeta llamada test con todos los archivos generados durante la ejecución.

La estructura de archivos creados por la consola de Cypress se ve mas o menos así:

/test
  /cypress
    /fixtures
    /integration
    /plugins
    /support
    /videos
  cypress.json

La primera vez que se ejecuta la consola creará algunos archivos de ejemplo. El detalle de cada carpeta y lo que contienen lo veremos más adelante en el curso.

Además de la consola, Cypress cuenta con el test runner, una interfaz gráfica adicional en la que se reailzan las simulaciones y pruebas. Tiene dos secciones principales y un menú.

La sección de la izquierda muestra el progreso, los logs y el detalle de todas las pruebas individualmente, mientras que la sección de la derecha muestra el navegador integrado donde se llevan a cabo las pruebas.

Aportes 13

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Me asombra lo destruido que está este proyecto.

Se que el profesor es muy bueno y técnicamente es un monstruo, pero aplicarle pruebas a un proyecto tan difícil de compilar y obsoleto es muy desmotivante. Lastima porque este tema de pruebas E2E es esencial y cypress es tremenda herramienta.

Quien creeria que es mas facil aprender con la documentación que con un curso.

Seguí el video y tuve muchos errores
Con la documentación oficial es mejor.

Súper importante haber instalado la versión 4.0.0 de Cypress

Eso se logra con
npm install [email protected] -D
Y siempre recordar correr con node 8.17.0 (u otra versión 9)

Por qué prefiere usar Electron como browser y no Chrome? Qué no es mejor usar lo más cercano a lo real?

Como dice un jefazo: qué aberración la estructura de este curso. Es demasiado confuso y enredado. Voy en la 5 clase y no se ha visto nada del tema. 😕

Ciertamente desmotiva no poder lanzar el proyecto de manera efectiva porque está desactualizado. Es preferible ir a la documentación o buscar un curso en YouTube debido a que este curso actualmente es obsoleto por los errores que presenta.

Me aparece el siguiente error al ejecutar en el navegador la url http://0.0.0.0:9000/

Cannot GET /

Es necesario urgentemente actualizar el curso , versiones muy viejas de cypress

👏

Cuando abro la consola de cypress y le doy clic en “Run all specs” me sale el siguiente error tanto en el navegador de electron como en chrome:

Error: Webpack Compilation Error
./cypress/integration/examples/window.spec.js
Module build failed (from /home/german/.cache/Cypress/5.3.0/Cypress/resources/app/packages/server/node_modules/babel-loader/lib/index.js):
Error: Plugin/Preset files are not allowed to export objects, only functions. In /home/german/Escritorio/Master/cursos/cypress/platzi-posts/node_modules/babel-preset-stage-2/lib/index.js