Playwright Cap 6 | Playwright Trace Viewer: qué es y cómo depurar tus tests paso a paso

En este video explico de forma clara y directa qué es Trace Viewer en Playwright, para qué sirve y cómo usarlo para depurar pruebas E2E con evidencia visual (capturas, timeline, consola y red). Verá cómo habilitar el tracing, generar el archivo trace.zip y abrirlo para identificar rápidamente la causa raíz de fallos.

Qué aprenderás:
Activar el tracing en Playwright (trace: 'on' | 'off' | 'retain-on-failure').
Generar y adjuntar trazas en sus runs locales y CI.
Abrir y analizar una traza con npx playwright show-trace trace.zip.
Usar snapshots, call log, consola, red y código fuente para diagnosticar issues.
Buenas prácticas de depuración y limpieza de artefactos.

Comandos y claves:
Configuración en playwright.config.ts para tracing.
Ejecución: npx playwright test --trace on
Visualización: npx playwright show-trace trace.zip

Si busca mejorar la observabilidad de sus pruebas y reducir el tiempo de análisis de fallos, este tutorial es para usted.

#Playwright #Testing #QA #TraceViewer #E2E #Automation #JavaScript

Видео Playwright Cap 6 | Playwright Trace Viewer: qué es y cómo depurar tus tests paso a paso канала LARQA