Playwright

• Desarrolladores frontend y full-stack que quieren automatizar las pruebas de sus aplicaciones web con un framework moderno.
• Ingenieros QA y testers que buscan dominar Playwright como herramienta principal de testing E2E.
• Equipos de desarrollo que necesitan integrar testing E2E en sus pipelines de CI/CD de forma escalable.
• DevOps y SRE que configuran infraestructura de testing automatizado en entornos de integración continua.

Módulo 1: Fundamentos de Playwright (qué es, arquitectura y comparativa) Qué es Playwright: propósito, características clave y casos de uso Arquitectura: protocolo CDP, browser contexts, pages y aislamiento Playwright vs Cypress vs Selenium: comparativa de características y rendimiento Browser contexts y pages: aislamiento de sesiones y configuración por test Playwright fundamentos test Módulo 2: Instalación y configuración (setup, playwright.config.ts y extensión VS Code) Instalación: npm init playwright, descarga de navegadores y estructura del proyecto Configuración con playwright.config.ts: proyectos, timeouts, retries, baseURL y reporters Extensión de VS Code: ejecución, debugging visual, pick locator y trace viewer Primer test: estructura, describe, test, expect y ejecución con npx playwright test Playwright instalación entorno test Módulo 3: Selectores y locators (API de localización de elementos) Locators API: qué son, auto waiting, auto retry y encadenamiento Locators semánticos: getByRole, getByText, getByLabel, getByPlaceholder y getByAltText getByTestId y locators CSS/XPath: data testid, selectores CSS y XPath Filtrado y encadenamiento: filter(), has(), hasText(), nth(), first(), last() Playwright selectores locators test Módulo 4: Interacciones (acciones sobre elementos: click, fill, teclado, ratón y esperas) Click y fill: click(), dblclick(), fill(), clear(), type() y selectOption() Teclado y ratón: keyboard.press(), mouse.move(), drag and drop Subida de archivos y diálogos: setInputFiles(), dialog handling y alerts Auto waiting y timeouts: espera automática, actionability checks y configuración Frames e iframes: frameLocator(), contenido embebido y shadow DOM Playwright interacciones test Playwright login e2e código Módulo 5: Assertions (expect API, web first assertions y matchers personalizados) Web first assertions: toBeVisible(), toHaveText(), toHaveValue() y auto retry Assertions de página y respuesta: toHaveURL(), toHaveTitle() y toHaveScreenshot() Soft assertions: expect.soft() para continuar tests tras un fallo Custom matchers: extender expect con matchers personalizados y reutilizables Playwright assertions test Módulo 6: Patrones avanzados (Page Object Model, fixtures, hooks y parametrización) Page Object Model: encapsular páginas en clases y assertions reutilizables Fixtures: test.extend(), fixtures personalizados y compartición de estado Hooks: beforeAll, afterAll, beforeEach, afterEach y globalSetup Parametrización y data driven testing: test arrays y datos externos Test isolation: storage state, autenticación compartida y reutilización de sesiones Playwright patrones avanzados test Playwright fixtures storage state código Módulo 7: API testing (pruebas de API REST, mocks e intercepción de red) APIRequestContext: peticiones HTTP directas sin navegador y assertions de respuesta Testing de APIs REST: GET, POST, PUT, DELETE y validación de schemas Mock de respuestas: route(), fulfill() e intercepción de peticiones HAR files: grabación y reproducción de tráfico de red para tests deterministas Playwright api testing test Playwright api request código Módulo 8: Visual testing y herramientas de diagnóstico (screenshots, trazas y accesibilidad) Comparación de screenshots: toHaveScreenshot(), umbrales y actualización de snapshots Playwright Trace Viewer: grabación de trazas, timeline, snapshots de DOM y red Grabación de vídeo: configuración por test, retención en fallo y análisis post mortem Testing de accesibilidad: auditoría WCAG con @axe core/playwright y roles ARIA Playwright visual testing test Playwright visual regression código Módulo 9: CI/CD y ejecución a escala (paralelismo, sharding, reporters y pipelines) Ejecución paralela: workers, paralelismo por archivo y fullyParallel Sharding: dividir la suite entre múltiples máquinas y consolidar resultados Reporters: HTML reporter, JSON, JUnit, list, dot y custom reporters GitHub Actions: workflow, caché de navegadores, artifacts y merge de shards Docker y otros CI: imagen oficial, GitLab CI, Jenkins y Azure DevOps Playwright cicd test Examen global y proyecto integrador Playwright proyecto

Este curso completo de Playwright recorre el framework de testing E2E de principio a fin: desde la arquitectura y los fundamentos hasta la ejecución a escala en CI/CD con GitHub Actions, pasando por locators semánticos, interacciones, web first assertions, patrones avanzados como Page Object Model y fixtures, API testing con mocks e intercepción de red, visual regressión testing con screenshots y Trace Viewer, y testing de accesibilidad con axe core.

• Escribir tests E2E robustos con locators semánticos, auto-waiting y web-first assertions.
• Aplicar patrones como Page Object Model y fixtures para mantener suites de tests escalables y mantenibles.
• Realizar API testing y mock de respuestas de red para tests deterministas y rápidos.
• Configurar visual regressión testing y utilizar Trace Viewer para diagnosticar tests fallidos.
• Integrar Playwright en pipelines de CI/CD con ejecución paralela, sharding y reporters configurables.