Ir al contenido
angel.library

Playwright CLI: setup y comandos esenciales

El CLI de Playwright (testing end-to-end) se usa siempre vía npx — no hace falta instalar nada globalmente, npx playwright <comando> alcanza en Windows, macOS y Linux por igual.

Para un proyecto nuevo:

Ventana de terminal
pnpm create playwright@latest

El wizard pregunta TypeScript o JavaScript, dónde van los tests, si generar un workflow de GitHub Actions, y si instalar los navegadores ahora. Se puede correr de nuevo sobre un proyecto existente sin pisar los tests ya escritos.

Para agregar Playwright a un proyecto existente sin el wizard:

Ventana de terminal
pnpm add -D @playwright/test
pnpm dlx playwright install
ComandoQué hace
npx playwright testCorre la suite de tests
npx playwright test --uiAbre el modo UI interactivo (ver, pausar, inspeccionar cada paso)
npx playwright codegen <url>Graba acciones en el navegador y genera el código del test
npx playwright show-reportAbre el reporte HTML de la última corrida
npx playwright installInstala o actualiza los navegadores (Chromium, Firefox, WebKit)
Ventana de terminal
pnpm dlx playwright test --ui
pnpm dlx playwright codegen https://miapp.com
pnpm dlx playwright show-report
  • npx playwright codegen <url> es la forma más rápida de arrancar un test nuevo: graba clicks, inputs y navegación en el navegador real y devuelve el código listo para pegar.
  • El modo UI (--ui) es el más cómodo para debuggear un test que falla — muestra cada paso, el DOM en ese momento y permite pausar y avanzar manualmente.
  • npx playwright install conviene correrlo de nuevo después de actualizar la versión de @playwright/test — los navegadores empaquetados van atados a la versión del paquete.
  • La lista completa de comandos y flags siempre está disponible con npx playwright --help.