¿Qué hace playwright-skill?
Patrones probados de Playwright para escribir, depurar y escalar suites de pruebas fiables. Úsalo cuando necesites orientación para pruebas E2E, API, de componentes, visuales, de accesibilidad o de seguridad, además de CI/CD, automatización CLI, page objects y migración desde Cypress o Selenium. TypeScript y JavaScript.
Instalación y Configuración
Para comenzar, instala Playwright en tu proyecto:
npm init playwright@latest
O si prefieres usar yarn:
yarn create playwright
Uso con el Agente
Puedes invocar este skill con comandos como:
- "Ayúdame a escribir una prueba E2E para el inicio de sesión"
- "¿Cómo configuro una prueba visual con Playwright?"
- "Migrar mi suite de pruebas de Cypress a Playwright"
- "Depurar una prueba que falla intermitentemente"
El agente analizará tu código y te proporcionará patrones adaptados a tu contexto.
Patrones Clave
Pruebas E2E
import { test, expect } from '@playwright/test';
test('usuario puede iniciar sesión', async ({ page }) => {
await page.goto('https://ejemplo.com/login');
await page.fill('input[name="email"]', '[email protected]');
await page.fill('input[name="password"]', 'contraseña');
await page.click('button[type="submit"]');
await expect(page).toHaveURL('https://ejemplo.com/dashboard');
});
Page Objects
class PaginaLogin {
constructor(private page: Page) {}
async navegar() {
await this.page.goto('https://ejemplo.com/login');
}
async iniciarSesion(email: string, password: string) {
await this.page.fill('input[name="email"]', email);
await this.page.fill('input[name="password"]', password);
await this.page.click('button[type="submit"]');
}
}
Integración Continua (CI/CD)
Ejemplo de configuración para GitHub Actions:
name: Pruebas E2E
on: [push]
jobs:
test:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- uses: actions/setup-node@v3
- run: npm ci
- run: npx playwright install --with-deps
- run: npx playwright test
Migración desde Cypress o Selenium
Consulta la guía oficial de migración para obtener instrucciones detalladas.