midudev
21 Aprende testing en Cypress como lo hace un Senior en la vida real 🧪
¡UPS! Para ver vídeos en la web debes estar registrado, es totalmente gratuito.
1.403 visualizaciones
Aprende a hacer tests End to End con Cypress, un framework que te permite hacerte pasar por un usuario real, controlando Chrome o Firefox, para navegar tu página y comprobar que todo funciona correctamente.
Suscríbete al canal 🔔
► https://www.youtube.com/c/midudev?sub_confirmation=1
Todas las clases del FullStack Bootcamp 👨🏫
► https://www.youtube.com/watch?v=wTpuKOhGfJE&list=PLV8x_i1fqBw0Kn_fBIZTa3wS_VZAqddX7
SEGMENTOS 🎬
00:00 - Introducción a la clase
01:05 - ¿Por qué Cypress?
03:30 - Instalando Cypress y preparando los scripts
06:25 - Ejecutando por primera vez tests con Cypress
10:14 - Levantando la API en modo test
12:25 - Escribiendo nuestro primer test en Cypress
18:06 - Haciendo click a un elemento
18:50 - Usando beforeEach para evitar repetir código
23:04 - Usando mejores selectores para los elementos
29:25 - Añadir reglas de linter de Cypress
34:06 - Usando data-test-id. ¿Es buena práctica?
42:22 - Controlando la base de datos para nuestros tests
52:45 - Ejecutando un sólo tests usando el .only
55:00 - Comprobar estilos en Cypress en un elemento
58:00 - No uses tests en el beforeEach. Usa la API.
01:04:00 - Crea un comando en Cypress para reutilizar pasos
01:18:22 - ¿Cómo guardar y reusar un elemento del DOM en Cypress?
01:22:30 - Ejecutando tests e2e en la línea de comandos
01:28:00 - Cómo usar debugger en Cypress
Suscríbete al canal 🔔
► https://www.youtube.com/c/midudev?sub_confirmation=1
Todas las clases del FullStack Bootcamp 👨🏫
► https://www.youtube.com/watch?v=wTpuKOhGfJE&list=PLV8x_i1fqBw0Kn_fBIZTa3wS_VZAqddX7
SEGMENTOS 🎬
00:00 - Introducción a la clase
01:05 - ¿Por qué Cypress?
03:30 - Instalando Cypress y preparando los scripts
06:25 - Ejecutando por primera vez tests con Cypress
10:14 - Levantando la API en modo test
12:25 - Escribiendo nuestro primer test en Cypress
18:06 - Haciendo click a un elemento
18:50 - Usando beforeEach para evitar repetir código
23:04 - Usando mejores selectores para los elementos
29:25 - Añadir reglas de linter de Cypress
34:06 - Usando data-test-id. ¿Es buena práctica?
42:22 - Controlando la base de datos para nuestros tests
52:45 - Ejecutando un sólo tests usando el .only
55:00 - Comprobar estilos en Cypress en un elemento
58:00 - No uses tests en el beforeEach. Usa la API.
01:04:00 - Crea un comando en Cypress para reutilizar pasos
01:18:22 - ¿Cómo guardar y reusar un elemento del DOM en Cypress?
01:22:30 - Ejecutando tests e2e en la línea de comandos
01:28:00 - Cómo usar debugger en Cypress