Playwright

Playwright es una biblioteca de automatización de navegadores de código abierto mantenida por Microsoft. Controla Chromium, Firefox y WebKit con una sola API y tiene enlaces oficiales para JavaScript y TypeScript, Python, Java y .NET. Un script abre páginas, hace clic, escribe, espera la actividad de red y lee el DOM, normalmente en un navegador headless sin ventana visible.

Playwright incluye su propio ejecutor de pruebas, Playwright Test, que añade ejecución de pruebas en paralelo, reintentos, trazas y aserciones de capturas de pantalla. Muchos equipos lo usan para pruebas de extremo a extremo y para generar capturas como parte de un proceso de compilación o de despliegue.

Qué puede hacer Playwright

• Abrir una página en Chromium, Firefox o WebKit con el mismo script.
• Emular un dispositivo: tamaño de la ventana gráfica, factor de escala del dispositivo, táctil, idioma, zona horaria y esquema de color.
• Rellenar formularios, hacer clic en elementos y esperar selectores, solicitudes de red o estados de carga de la página.
• Interceptar o simular solicitudes de red.
• Registrar trazas, videos y capturas de cada ejecución de prueba.

Playwright para capturas de pantalla

page.screenshot() guarda la ventana gráfica actual como PNG o JPEG. La opción fullPage captura toda la página desplazable, clip captura un rectángulo y locator.screenshot() captura un solo elemento. El deviceScaleFactor del contexto del navegador decide si la salida tiene resolución 1x o 2x.

En Playwright Test, toHaveScreenshot() compara una imagen nueva con una línea base guardada y hace fallar la prueba cuando la diferencia de píxeles supera un umbral. Es una base habitual para las pruebas de regresión visual.

Playwright frente a Puppeteer

Ambas bibliotecas automatizan navegadores desde código y ambas capturan pantallas y PDF. Playwright admite Chromium, Firefox y WebKit y tiene enlaces para cuatro ecosistemas de lenguajes. Puppeteer es una biblioteca de Node.js centrada en Chrome, a la que más tarde se añadió compatibilidad con Firefox. Playwright incluye un ejecutor de pruebas completo; Puppeteer suele combinarse con un ejecutor aparte, como Jest. La elección depende a menudo del lenguaje, de la cobertura de navegadores y de lo que el equipo ya usa.

Errores comunes

• Capturar antes de que terminen de cargar las fuentes web, las imágenes o el contenido de carga diferida.
• Dejar banners de cookies o widgets de chat en el encuadre.
• Comparar líneas base tomadas en un sistema operativo distinto, donde el renderizado de fuentes cambia.
• Olvidar que la ventana gráfica predeterminada es pequeña y no un ancho de escritorio habitual.

¿Tomas las mismas capturas una y otra vez?

Website Capture de Temposhot captura una lista de URL en Desktop 1920×1080, Tablet 768×1024 o Mobile 390×844 sin escribir un script. Consulta la automatización de capturas de sitios web.

Preguntas frecuentes

¿Playwright es gratuito?

Sí. Playwright es de código abierto y se distribuye con la licencia Apache 2.0.

¿Playwright puede capturar una página web completa?

Sí. Pasa fullPage: true a page.screenshot(). Las páginas con carga diferida pueden necesitar desplazarse antes para que se carguen todas las imágenes.

¿Playwright necesita un navegador visible?

No. Se ejecuta en modo headless de forma predeterminada y también puede ejecutarse con una ventana visible para depurar.

Fuentes

• Playwright documentation
• Playwright screenshots guide
• Playwright visual comparisons

Recursos relacionados

• Inicio rápido de Website Capture: captura una lista de URL sin código.
• Opciones de Website Capture: ajustes de dispositivo, área, espera y formato.
• Comparar imágenes: compara dos capturas en busca de diferencias en el navegador.