Curso de Playwright

Lección 1 • Instalación de Playwright y dependencias

Guía a los estudiantes en la instalación de Node.js, Playwright y los binarios de los navegadores. Garantiza un entorno local consistente y reproducible.

Lección 2 • Qué es Playwright

Cubre el papel de Playwright en la automatización de navegadores y cómo se compara con herramientas similares. Establece la base conceptual para todo el curso.

Lección 3 • Ejecución de tu primera prueba

Demuestra cómo escribir y ejecutar un script de prueba mínimo. Conecta el conocimiento de instalación con la salida observable de la prueba.

Lección 1 • Navegación de páginas y URLs

Enseña los métodos de navegación y cómo manejar redirecciones y estados de carga. Habilita directamente una configuración confiable de pruebas a nivel de página.

Lección 2 • Lanzamiento y gestión de navegadores

Cubre las opciones de lanzamiento del navegador, los contextos y la gestión del ciclo de vida. Establece la jerarquía navegador-contexto-página utilizada a lo largo del curso.

Lección 3 • Interacción con elementos de la página

Presenta las acciones de clic, rellenar, escribir y eventos de teclado en elementos del DOM. Constituye la base para simular el comportamiento real del usuario.

Lección 1 • Mejores prácticas de selectores y depuración

Cubre la resistencia de los selectores, la evitación de patrones frágiles y el uso del Inspector de Playwright. Conecta la calidad de los selectores con el mantenimiento a largo plazo de las pruebas.

Lección 2 • Motores de selectores integrados

Revisa los selectores CSS, XPath, de texto y de rol disponibles en Playwright. Brinda a los estudiantes un conjunto completo de herramientas para la selección de elementos.

Lección 3 • Selectores semánticos y de accesibilidad

Se enfoca en los ayudantes getByRole, getByLabel, getByPlaceholder y getByText. Promueve código de prueba mantenible y accesible.

Lección 1 • Patrones de espera basados en eventos

Demuestra el uso de page.waitForEvent() y la coordinación con Promise.all() para eventos concurrentes. Maneja flujos asíncronos complejos sin demoras arbitrarias.

Lección 2 • Esperas explícitas y condiciones

Cubre los patrones waitForSelector, waitForFunction y waitForCondition. Aborda escenarios donde la espera automática no aplica.

Lección 3 • Mecanismo de espera automática de Playwright

Explica cómo Playwright espera automáticamente la accionabilidad antes de las interacciones. Reduce la necesidad de esperas manuales en la mayoría de los escenarios.

Lección 1 • Fundamentos de la API Expect

Presenta la función expect() y sus métodos comparadores. Establece la sintaxis de afirmación utilizada en todos los capítulos siguientes.

Lección 2 • Afirmaciones visuales y de instantáneas

Enseña afirmaciones basadas en capturas de pantalla e instantáneas del DOM para regresión visual. Conecta las verificaciones visuales con una estrategia de calidad más amplia.

Lección 3 • Afirmaciones web-first

Cubre comparadores asíncronos como toBeVisible, toHaveText, toHaveValue y similares. Explica el comportamiento de reintento automático que hace que las afirmaciones sean resistentes.

Lección 1 • Fixtures integrados y personalizados

Presenta el sistema de fixtures de Playwright para la inyección de dependencias en las pruebas. Los estudiantes crean fixtures personalizados para encapsular la lógica de configuración reutilizable.

Lección 2 • Fundamentos del ejecutor de pruebas

Explica test(), describe() y el ciclo de vida del ejecutor de pruebas. Proporciona la base organizativa para todos los archivos de prueba.

Lección 3 • Hooks para configuración y desmontaje

Cubre los hooks beforeAll, afterAll, beforeEach y afterEach. Enseña cómo aislar el estado entre pruebas de manera confiable.

Lección 1 • Fundamentos de la API Route

Presenta page.route() para interceptar solicitudes de red por patrón de URL. Establece el modelo de intercepción utilizado en todo este capítulo.

Lección 2 • Archivos HAR y grabación de red

Explica la grabación del tráfico de red en archivos HAR y su reproducción en pruebas. Proporciona un enfoque escalable para simular interacciones complejas con API.

Lección 3 • Inspección de solicitudes y afirmaciones

Cubre la captura de detalles de solicitudes, afirmaciones sobre cargas útiles y verificación del conteo de llamadas. Valida que la aplicación envíe el tráfico de red correcto.

Lección 1 • Implementación del Modelo de Objetos de Página

Enseña a estructurar pruebas con el Modelo de Objetos de Página para encapsular las interacciones de la IU. Reduce la duplicación y mejora el mantenimiento a largo plazo.

Lección 2 • Herramientas de informes y depuración

Cubre los reporteros integrados, el visor de trazas y la grabación de video para diagnosticar fallos. Capacita a los estudiantes para investigar y resolver fallos en las pruebas de manera eficiente.

Lección 3 • Ejecución en paralelo y fragmentación

Configura workers paralelos y fragmentación de pruebas para una ejecución más rápida del conjunto. Prepara la infraestructura de pruebas para proyectos a gran escala.

Lección 4 • Ajuste de desempeño y escalabilidad

Aborda el ajuste de tiempos de espera, la limpieza de recursos y el perfilado del conjunto de pruebas. Asegura que el conjunto de pruebas siga siendo rápido y confiable a medida que crece.