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

Sobre esta lección

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 01:28:00 - Cómo usar debugger en Cypress