Curso completo
Testing Web Avanzado con Playwright
Sube de nivel con Playwright en una aplicación web real: controla la red (mocks y demoras), prueba el estado del navegador, las cookies y las descargas, y aplica diseño de pruebas avanzado, accesibilidad y CI.
Contenido del curso
14 lecciones completas que cubren todo lo que necesitas saber
Introducción
Introducción
Estructura del curso
Conoce cómo está organizado el curso y aprovecha el contenido al máximo.
Introducción
Prerrequisitos
Sistemas y conocimientos necesarios para completar el curso.
Introducción
Conociendo la aplicación bajo prueba
Conoce EngageSphere, la aplicación de customers y su API GET /customers que vas a probar.
Lección
Lección 1Clonado del proyecto
Haz un fork y clona el proyecto, después instala y configura Playwright para empezar.
Controlar la red
Lección
Lección 2Interceptar peticiones de red con page.route()
Observa y toma el control de la red con page.route() para probar de forma independiente del backend.
Lección
Lección 3Simular respuestas de API con datos simulados
Aísla el frontend del backend resolviendo las peticiones con datos simulados estáticos.
Lección
Lección 4Probar estados vacíos simulando datos
Simula una respuesta de customers vacía para probar de forma confiable el estado vacío y sus efectos secundarios.
Lección
Lección 5Simular respuestas lentas y estados de carga
Demora una respuesta para probar de forma confiable el estado intermedio de carga.
Lección
Lección 6Verificar peticiones y esperar respuestas
Espera y verifica la petición real que envía la aplicación con waitForResponse().
Lección
Lección 7Simular fallos de red con route.abort()
Haz fallar la petición con route.abort() para verificar que la aplicación recurre al estado vacío.
Estado del navegador, cookies y descargas
Lección
Lección 8Leer el localStorage del navegador
Verifica que el tema y el límite de paginación persisten leyendo localStorage con page.evaluate().
Lección
Lección 9Probar el consentimiento de cookies
Lee y siembra cookies con el contexto del navegador para probar el flujo de consentimiento de cookies.
Lección
Lección 10Verificar la descarga del CSV
Atrapa el archivo descargado y verifica su contenido desde el frontend mientras simulas la API.
Diseño de pruebas avanzado
Lección
Lección 11Fixtures personalizados con test.extend()
Elimina la duplicación extrayendo la preparación a fixtures reutilizables de Playwright.
Lección
Lección 12Organizar las pruebas con el Page Object Model
Encapsula selectores y acciones en page objects para tener pruebas legibles y fáciles de mantener.
Calidad y herramientas
Lección
Lección 13Pruebas de accesibilidad con @axe-core/playwright
Detecta problemas de accesibilidad automáticamente ejecutando axe contra tus páginas.
Lección
Lección 14Ejecutar las pruebas en CI con GitHub Actions
Ejecuta tu suite de Playwright en cada push y publica el reporte HTML como artefacto.
Bonus y conclusión
Bonus
Revisión de código con IA
Revisa código de pruebas de Playwright con IA, con fundamento en los agentes, las skills y la documentación oficiales de Playwright.
Bonus
Practica por tu cuenta: prueba las funcionalidades restantes
Afianza lo que aprendiste probando las funcionalidades de EngageSphere que el curso no cubrió.
Conclusión
¡Felicitaciones!
¡Completaste el curso Testing Web Avanzado con Playwright!