Curso completo
Laboratorio de Testing con Cypress
Practica Cypress de forma práctica sobre una aplicación web real: interacciones, mocking de red, pruebas de API y técnicas avanzadas.
Contenido del curso
25 lecciones completas que cubren todo lo que necesitas saber
Introducción
Introducción
Estructura del curso
Descubre cómo está organizado el curso y aprovecha al máximo el contenido.
Introducción
Requisitos previos
Sistemas y conocimientos necesarios para completar el curso.
Introducción
Conociendo la aplicación bajo prueba
Conoce la aplicación Cypress Playground, que vas a probar a lo largo del curso.
Lección
Lección 1Clonación del proyecto
Clona y configura el repositorio del proyecto para empezar.
Interacciones esenciales
Lección
Lección 2Estructurando la suite de pruebas
Aprende cómo se organizan los casos de prueba en suites con Cypress.
Lección
Lección 3Visitando páginas web
Usa cy.visit() para navegar hasta la aplicación bajo prueba.
Lección
Lección 4Obteniendo elementos
Usa cy.get() y cy.contains() para seleccionar elementos en la página.
Lección
Lección 5Haciendo clic en elementos
Usa .click() para interactuar con botones y otros elementos clicables.
Lección
Lección 6Escribiendo en campos
Usa .type() para ingresar texto en campos de entrada.
Lección
Lección 7Marcando y desmarcando checkboxes
Usa .check() y .uncheck() para interactuar con inputs de tipo checkbox.
Lección
Lección 8Marcando radio buttons
Usa .check() para seleccionar opciones de radio buttons.
Lección
Lección 9Seleccionando opciones en campos dropdown
Usa .select() para elegir opciones de un campo dropdown.
Lección
Lección 10Seleccionando múltiples opciones en campos select
Usa .select() para elegir varias opciones en un elemento de selección múltiple.
Lección
Lección 11Probando subidas de archivos
Usa .selectFile() para probar la funcionalidad de subida de archivos.
Red y API
Lección
Lección 12Interceptando y esperando peticiones de red
Usa cy.intercept() y cy.wait() para controlar el tráfico de red en las pruebas.
Lección
Lección 13Sobrescribiendo el resultado de una petición de red
Usa fixtures con cy.intercept() para simular respuestas de la API.
Lección
Lección 14Simulando una falla de la API
Usa cy.intercept() para simular respuestas de error de una API.
Lección
Lección 15Simulando una falla de red
Usa cy.intercept() para forzar un error de red y probar la resiliencia de la aplicación.
Lección
Lección 16Creando una prueba de API simple
Usa cy.request() para probar endpoints HTTP directamente.
Técnicas avanzadas
Lección
Lección 17Manejando inputs de rango
Prueba elementos de tipo slider e input de rango con Cypress.
Lección
Lección 18Manejando inputs de fecha
Prueba elementos selectores de fecha e inputs de fecha con Cypress.
Lección
Lección 19Protegiendo datos sensibles
Mantén las credenciales y los secretos fuera de tus archivos de prueba.
Lección
Lección 20Sin filtrar datos sensibles en el log de comandos
Evita que las contraseñas y los tokens aparezcan en el log de comandos de Cypress.
Lección
Lección 21Contando ítems
Haz aserciones sobre la cantidad de elementos que coinciden con un selector.
Lección
Lección 22Congelando el reloj del navegador
Usa cy.clock() para controlar comportamientos que dependen del tiempo en las pruebas.
Lección
Lección 23Usando datos generados por la aplicación como entrada de prueba
Lee valores del DOM y reutilízalos en las interacciones de la prueba.
Lección
Lección 24Probando la lectura de archivos
Usa cy.readFile() para verificar el contenido de archivos descargados.
Ejecución de pruebas
Lección
Lección 25Ejecutando las pruebas en modo headless
Usa el script npm test para ejecutar toda la suite en modo headless desde la terminal.
Bonus y conclusión
Bonus
Contenido de Talking About Testing
Explora contenido adicional de Cypress de Talking About Testing.
Conclusión
¡Felicitaciones!
¡Completaste el curso Laboratorio de Testing con Cypress!