Boost Academy
FormaciónEvaluacionesPerfil
Volver
  • En directo

Playwright — Intermedio

8h de clase en directo·HACK A BOSS·Español

Skills que aprenderás

  • playwright

Convocatorias

Necesitas un plan activo

Para acceder a los cursos en directo necesitas un plan activo. Estamos trabajando para que los planes estén disponibles pronto — ¡mantente atento!

No hay convocatorias abiertas ahora mismo, pero no te pierdas la oportunidad: guarda este curso y te avisamos en cuanto se abra una convocatoria.

Descripción

Objetivos

Temario

Requisitos técnicos

Conocimientos previos

Detalles de la convocatoria

Recursos

No hay recursos disponibles todavía para esta convocatoria

Dirigido a desarrolladores y testers que ya dominan los fundamentos de Playwright y quieren dar el salto a un uso profesional de la herramienta, este curso aborda las decisiones de diseño que determinan la mantenibilidad y robustez de una suite de pruebas E2E a mediano y largo plazo. A lo largo de ocho horas de trabajo práctico, los participantes aprenderán a estructurar sus proyectos mediante Page Objects y fixtures reutilizables, a elegir estrategias de selección de elementos y de gestión de la asincronía con criterio propio, y a depurar fallos con Playwright Trace Viewer de forma sistemática. El curso culmina con la integración de la suite en un pipeline de CI con ejecución en navegadores headless y la verificación cruzada de comportamientos en múltiples motores de renderizado, de modo que cada participante saldrá con una suite funcional, integrada en CI y documentada, lista para usarse en un proyecto real de equipo.

  1. Explicar los criterios que determinan la resiliencia de los distintos tipos de selectores disponibles en Playwright frente a cambios en la interfaz de usuario.
  2. Distinguir las estrategias de espera que ofrece Playwright y relacionar cada una con el patrón de asincronía que resuelve de forma más eficiente.
  3. Diseñar una suite de tests E2E organizada en ficheros y fixtures reutilizables que cubra al menos dos flujos de usuario críticos.
  4. Implementar Page Objects en JavaScript que encapsulen localizadores y acciones de al menos tres páginas distintas de la aplicación bajo prueba.
  5. Adaptar los tests para gestionar la autenticación mediante reutilización de estado de sesión, eliminando logins redundantes entre casos de prueba.
  6. Depurar un test fallido con Playwright Trace Viewer, identificar la causa raíz y sintetizarla en un informe breve.
  7. Integrar la suite en un pipeline de CI básico configurado para ejecutar los tests en navegadores headless y documentar las divergencias de comportamiento detectadas entre motores.

Bloque 1 — Selectores con criterio y estrategias de espera

El primer bloque construye la base conceptual del curso. Se analiza el espectro de selectores disponibles en Playwright —roles de accesibilidad, texto visible, atributos data-testid y selectores CSS— y se trabaja en por qué unos son más resilientes que otros ante refactorizaciones de la UI, estableciendo una jerarquía de preferencia argumentada. A continuación se aborda la asincronía inherente a las aplicaciones web modernas: se estudian en profundidad waitForSelector, waitForResponse y los mecanismos de polling de expect, y se practica la selección justificada de cada estrategia según el tipo de comportamiento asíncrono presente en el caso de prueba.

Bloque 2 — Arquitectura de la suite: Page Objects y fixtures

El segundo bloque traslada la atención al diseño estructural del proyecto de testing. Se introduce el patrón Page Object como mecanismo de encapsulación de localizadores y acciones de página, y los participantes lo implementan en JavaScript para al menos tres páginas de la aplicación de referencia del curso. Sobre esa base se diseña una suite completa organizada en ficheros coherentes y fixtures reutilizables que cubren dos o más flujos de usuario críticos. Se dedica también una parte del bloque a la gestión de la autenticación: se trabaja con storageState para capturar y reutilizar sesiones de usuario, eliminando el login repetido como fuente de lentitud y fragilidad.

Bloque 3 — Depuración, CI y testing multi-navegador

El tercer bloque cubre el ciclo de vida operativo de la suite. Primero se profundiza en Playwright Trace Viewer como herramienta de diagnóstico: los participantes trabajan sobre un test intencionadamente roto, navegan por la traza para identificar la causa raíz y redactan un informe breve que documente el hallazgo. Seguidamente se configura un pipeline de CI básico con GitHub Actions —o equivalente— que ejecuta la suite en modo headless sobre varios navegadores. El bloque cierra con un ejercicio de comparación de comportamiento del mismo flujo en Chromium, Firefox y WebKit, identificando y documentando las divergencias encontradas.

  • Node.js 18 LTS o superior instalado en la máquina local.
  • Playwright instalado en el proyecto de prácticas del curso (npm init playwright@latest).
  • Navegadores de Playwright descargados (npx playwright install).
  • Editor de código con soporte TypeScript/JavaScript (se recomienda VS Code con la extensión oficial de Playwright).
  • Cuenta en GitHub (u otro proveedor compatible) con permisos para crear repositorios y configurar Actions.
  • Acceso a internet para ejecutar los pipelines de CI y acceder a la aplicación de referencia del curso.

Los participantes deben haber completado el curso PLA01 (Playwright — Iniciación) o acreditar conocimientos equivalentes: instalación y configuración de Playwright, escritura de tests básicos con test y expect, navegación y acciones de página, y ejecución de la suite desde la línea de comandos. Se asume también soltura con JavaScript moderno (ES2020+), manejo de promesas y async/await, y familiaridad con la terminal y con Git a nivel de usuario habitual.