e2e-testing
Automatizar Pruebas de Extremo a Extremo con Playwright
Las pruebas manuales son lentas y propensas a errores. Esta habilidad proporciona un flujo de trabajo estructurado de 7 fases para pruebas E2E automatizadas con Playwright, desde la configuración hasta la integración con CI/CD.
Descargar el ZIP de la skill
Subir en Claude
Ve a Configuración → Capacidades → Skills → Subir skill
Activa y empieza a usar
Pruébalo
Usando "e2e-testing". Configurar pruebas E2E para una aplicación React
Resultado esperado:
Crea archivo de configuración de Playwright, instala dependencias, configura la estructura de directorios de pruebas y proporciona un archivo de prueba de ejemplo con prueba de flujo de inicio de sesión
Usando "e2e-testing". Ejecutar pruebas multi-navegador
Resultado esperado:
Ejecuta la suite de pruebas en Chromium, Firefox y WebKit con reportes detallados de aprobado/fallido y artefactos de captura de pantalla para pruebas fallidas
Auditoría de seguridad
SeguroStatic analyzer flagged 34 patterns (30 external_commands, 4 blocker) but all are false positives. The SKILL.md file is documentation, not executable code. Backticks are markdown formatting for skill references, not shell commands. No actual code execution or dangerous patterns exist.
Puntuación de calidad
Lo que puedes crear
Ingenieros de QA automatizando pruebas de regresión
Configurar suites de pruebas E2E integrales que se ejecutan automáticamente en cada cambio de código, detectando regresiones antes del despliegue a producción.
Desarrolladores implementando desarrollo guiado por pruebas
Crear pruebas automatizadas de navegador junto con el desarrollo de funcionalidades para asegurar que los flujos de usuario funcionen correctamente en todos los navegadores soportados.
Equipos de DevOps construyendo pipelines de CI/CD
Integrar pruebas E2E automatizadas en flujos de trabajo de despliegue con ejecución paralela, artefactos y reportes de pruebas.
Prueba estos prompts
Use @playwright-skill para configurar pruebas Playwright en mi proyecto. Instalar dependencias, configurar el framework de pruebas y crear un archivo de prueba básico.
Use @e2e-testing-patterns para diseñar una estrategia de pruebas E2E para mi aplicación. Identificar flujos de usuario críticos que necesitan pruebas automatizadas.
Use @playwright-skill para implementar pruebas de regresión visual. Configurar imágenes de línea base y añadir aserciones visuales para detectar cambios en la UI.
Use @github-actions-templates para crear un workflow de GitHub Actions que ejecute pruebas E2E en paralelo a través de navegadores y suba artefactos de pruebas.
Mejores prácticas
- Usar el patrón de objeto de página para separar la lógica de prueba de la estructura de página para pruebas mantenibles
- Implementar estrategias de espera adecuadas usando auto-espera de Playwright en lugar de tiempos de espera codificados
- Ejecutar pruebas en modo headless para CI y modo headed localmente para depuración
Evitar
- Usar retrasos sleep codificados en lugar de la funcionalidad de auto-espera incorporada de Playwright
- Escribir pruebas que dependen de un orden específico de ejecución en lugar de pruebas aisladas
- Almacenar credenciales de prueba en texto plano en lugar de usar variables de entorno