Aprende Testing en Cypress como lo hace un Senior en la vida real | FullStack Javascript Bootcamp

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.

©️ Clase basada en el original FullStack Open que tiene toda la atribución al contenido de la clase: https://fullstackopen.com/es/

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