Compétences browser-automation
📦

browser-automation

Sûr

Crear Scripts de Automatización de Navegador Confiables

Également disponible depuis: EmilLindfors

Las pruebas de navegador inestables desperdician horas de tiempo de depuración. Aprende patrones de Playwright para selectores estables, esperas inteligentes y automatización resistente a la detección.

Prend en charge: Claude Codex Code(CC)
🥉 74 Bronze
1

Télécharger le ZIP du skill

2

Importer dans Claude

Allez dans Paramètres → Capacités → Skills → Importer un skill

3

Activez et commencez à utiliser

Tester

Utilisation de "browser-automation". La prueba falla con error de elemento no encontrado en el botón de inicio de sesión

Résultat attendu:

Reemplaza el selector CSS con getByRole: await page.getByRole('button', { name: 'Sign in' }).click(). Playwright espera automáticamente a que el elemento esté accionable.

Utilisation de "browser-automation". Las pruebas pasan individualmente pero fallan cuando se ejecutan juntas

Résultat attendu:

Crea un contexto de navegador fresco por prueba usando test.beforeEach con context = await browser.newContext(). Esto aísla cookies y localStorage entre pruebas.

Audit de sécurité

Sûr
v1 • 2/25/2026

Static analysis produced false positives on markdown content. Backticks on line 71 are inline code formatting, not shell execution. No cryptographic code exists on lines 3 or 74. This is purely instructional documentation with no executable security risks.

1
Fichiers analysés
75
Lignes analysées
0
résultats
1
Total des audits
Aucun problème de sécurité trouvé
Audité par: claude

Score de qualité

38
Architecture
100
Maintenabilité
87
Contenu
50
Communauté
100
Sécurité
91
Conformité aux spécifications

Ce que vous pouvez construire

Arquitectura de Pruebas E2E

Construye pruebas de extremo a extremo confiables que se ejecuten consistentemente en pipelines de CI/CD sin fallos inestables.

Sistemas de Web Scraping

Crea scrapers que manejen contenido dinámico, eviten la detección y funcionen a largo plazo sin fallar.

Interacción de Agentes de IA con Navegador

Permite que los agentes de IA interactúen de manera confiable con interfaces web usando estrategias de espera y selectores apropiados.

Essayez ces prompts

Principiante: Corregir Selector de Prueba Inestable
Tengo una prueba inestable que falla al intentar hacer clic en un botón. La prueba usa selectores CSS pero a veces no se encuentra el elemento. Ayúdame a reescribirlo usando localizadores orientados al usuario y patrones de espera adecuados.
Intermedio: Construir Aislamiento de Pruebas
Mis pruebas interfieren entre sí porque comparten estado de navegador. Muéstrame cómo estructurar mi suite de pruebas para que cada prueba se ejecute en aislamiento completo con cookies, almacenamiento y contexto frescos.
Avanzado: Scraping Anti-Detección
Necesito hacer scraping de un sitio web que usa detección de bots. Guíame para implementar técnicas de sigilo, retrasos adecuados entre solicitudes y manejo de diálogos emergentes que aparecen inesperadamente.
Experto: Depurar Fallo de Prueba con Trazas
Mi prueba está fallando intermitentemente en CI pero pasa localmente. Ayúdame a configurar la recolección de trazas, establecer configuraciones de viewport consistentes y analizar el fallo para identificar la causa raíz.

Bonnes pratiques

  • Usa localizadores orientados al usuario como getByRole, getByText y getByLabel en lugar de selectores CSS o XPath frágiles
  • Confía en el mecanismo de espera automática de Playwright en lugar de agregar timeouts manuales o llamadas sleep
  • Ejecuta cada prueba en un contexto de navegador fresco para asegurar aislamiento completo y prevenir fuga de estado

Éviter

  • Agregar llamadas waitForTimeout arbitrarias en lugar de esperar condiciones específicas
  • Usar selectores CSS o XPath como primera opción en lugar de localizadores semánticos orientados al usuario
  • Compartir un único contexto de navegador entre múltiples pruebas lo que causa contaminación de estado

Foire aux questions

¿Por qué mis pruebas fallan intermitentemente en CI pero pasan localmente?
Los entornos de CI tienen diferentes características de sincronización. Usa esperas adecuadas para que los elementos estén accionables, habilita la recolección de trazas para depuración y asegúrate de que cada prueba tenga aislamiento completo.
¿Cuál es la diferencia entre selectores CSS y localizadores orientados al usuario?
Los localizadores orientados al usuario como getByRole reflejan cómo los usuarios interactúan con tu app y son más resistentes a cambios de UI. Los selectores CSS acoplan las pruebas a detalles de implementación que pueden cambiar durante la refactorización.
¿Cómo hago para que mi scraper evite la detección de bots?
Agrega retrasos realistas entre solicitudes, usa plugins de sigilo para enmascarar firmas de automatización, rota user agents e imita patrones de interacción humanos con movimientos de ratón.
¿Debería usar Playwright o Puppeteer para mi proyecto?
Playwright soporta múltiples navegadores y tiene espera automática incorporada. Puppeteer está enfocado en Chrome pero es más ligero. Elige Playwright para pruebas multi-navegador, Puppeteer para necesidades exclusivas de Chrome.
¿Cómo manejo diálogos emergentes que aparecen durante las pruebas?
Espera a que aparezca el diálogo emergente antes de activar la acción que lo abre. Usa manejadores de eventos page.on('dialog') o waitForEvent para capturar y manejar diálogos apropiadamente.
¿Qué tamaño de viewport debo usar para las pruebas?
Establece un tamaño de viewport consistente en todas las pruebas usando browser.newContext({ viewport: { width: 1280, height: 720 } }). Esto asegura layouts reproducibles y comparaciones de capturas de pantalla.

Détails du développeur

Structure de fichiers

📄 SKILL.md