¿Qué hace esta skill?

La Testing E2E con Playwright Skill proporciona patrones probados para construir suites de testing E2E estables, rápidos y mantenibles. Cubre desde la organización de archivos con Page Object Model hasta la integración con pipelines de CI/CD, gestión de artefactos y estrategias para diagnosticar y corregir tests inestables (flaky).

Suite E2E desde cero

Estructura una suite completa por dominio (auth, features, api) con fixtures separados y patrón Page Object Model tipado.

Diagnóstico anti-flaky

Identifica tests inestables repitiendo ejecuciones con --repeat-each y --retries, y aísla los problemáticos con test.fixme o test.skip.

Integración CI/CD

Configura pipelines de GitHub Actions que instalan dependencias, ejecutan tests y suben reportes HTML, JUnit y JSON como artefactos.

Testing Web3 y flujos críticos

Valida flujos financieros y Web3 con wallets mockeadas, captura automática de screenshots, traces y vídeos en fallos.

Cómo instalar

Descarga el ZIP, descomprimelo en ~/.claude/skills/ y reinicia Claude. Eso es todo. Guia de instalacion completa →

Ejemplos de uso

🏗️ Estructurar suite

Estructura una suite de tests E2E con Playwright usando Page Object Model para mi app de e-commerce con dominios auth, features y api.

🐛 Diagnosticar flakiness

Tengo tests flaky en mi pipeline de CI, ayúdame a diagnosticarlos y aislarlos con test.fixme y test.skip.

⚙️ Configurar multi-navegador

Configura Playwright con reporters HTML, JUnit y JSON para chromium, firefox, webkit y mobile-chrome.

🔐 Test Web3

Crea un test E2E para conexión de wallet Web3 mockeando MetaMask con window.ethereum.

Características

Page Object Model tipado Encapsula localizadores y acciones reutilizables en clases TypeScript con tipado completo para máxima mantenibilidad.

Configuración multi-navegador Proyectos paralelos para chromium, firefox, webkit y móvil con reporters HTML, JUnit y JSON simultáneos.

Captura automática de artefactos Screenshots, traces y vídeos se capturan automáticamente en fallos y reintentos para diagnóstico rápido.

Estrategias anti-flaky Auto-wait con localizadores, espera de condiciones específicas en lugar de timeouts arbitrarios y cuarentena de tests inestables.

Pipeline CI/CD completo Integración con GitHub Actions: instalación de dependencias, ejecución de tests y subida de reportes como artefactos del pipeline.

Preguntas frecuentes

Sí, la skill asume que tienes un proyecto con @playwright/test instalado. Si no, la skill te guía para instalarlo con npm install @playwright/test y npx playwright install --with-deps.

Sí. Playwright es compatible con cualquier aplicación web (React, Vue, Angular, Svelte, etc.). La skill usa data-testid como localizadores recomendados, que son agnósticos del framework.

La skill proporciona estrategias concretas: uso de auto-wait con localizadores en lugar de waitForTimeout, espera de respuestas de red específicas, repetición con --repeat-each y --retries, y aislamiento con test.fixme y test.skip.

Sí. La skill incluye un ejemplo completo de mockeo de wallet MetaMask mediante context.addInitScript para probar conexiones de wallet y transacciones sin dependencias reales.

Skills relacionadas

Mas skills de la misma categoria:

Testing E2E con Playwright — Patrones avanzados con Claude AI