Me asombra lo destruido que está este proyecto.
Introducción
¿Qué es Cypress?
¿Qué es End-to-End Testing?
Primeros pasos
Configurando el proyecto inicial
Integrando Cypress al proyecto
La consola de Cypress
Mi primer test
Implementando tests
Principales comandos
Interactuando con elementos
Aserciones
Hooks
Variables, Fixtures y Alias
Conceptos avanzados
Ejecución de scripts
Comandos personalizados
Variables de entorno y configuración
Screenshots
Stubs, Spies y Clocks
Depuración de los tests
Headless testing
Bonus
Testing condicional
Plugins
Intellisense
Seguridad
Usando el dashboard de Cypress
Conclusiones
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
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.
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
https://docs.cypress.io/guides/getting-started/writing-your-first-test#Add-a-test-file
toca mirar documentacion para resolver
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.