Kit de QA para navegador
Escenario

Kit de QA para navegador

Un plugin compacto para QA basado en navegador en interacciones automatizadas, verificación visual y depuración de aplicaciones web locales.

3 habilidades 1 instalaciones
browsertestingautomationscreenshotsplaywright
Actualizado hace 4 días

Instalar

Ejecuta este comando para instalar todas las habilidades de este pack:

npx skillstore add @browser-qa-kit

La CLI detecta automáticamente las carpetas de Codex y Claude Code y las instala en ambas cuando están disponibles.

Descripción general

Guía de uso

Mejorado por IA

Guía detallada

## Descripción general
Browser QA Kit reúne tres habilidades de QA enfocadas en el navegador para comprobaciones de UI de extremo a extremo: interacciones automatizadas con Playwright, verificación visual mediante capturas de pantalla y depuración de aplicaciones web locales con logs del navegador. Úsalo cuando necesites probar el comportamiento real de la UI en lugar de solo inspeccionar código.

## Inicio rápido
1. Instala el plugin en tu workspace de OpenClaw cuando necesites QA basado en navegador para una aplicación web o un frontend local.
2. Usa `playwright-browser-automation` (`adammanuel-dev-playwright-browser-automation`) para detectar automáticamente servidores de desarrollo, ejercitar páginas, completar formularios, validar flujos de inicio de sesión, comprobar enlaces, capturar screenshots y escribir scripts temporales de Playwright en `/tmp`.
3. Usa `browser-testing-with-screenshots` (`agentworkforce-browser-testing-with-screenshots`) cuando necesites verificación visual: controlar interacciones de Chrome, seleccionar elementos, capturar screenshots y confirmar que los estados clave de la UI se ven correctos.
4. Usa `webapp-testing` (`artemisai-webapp-testing`) para depuración de aplicaciones web locales con Playwright, screenshots del navegador, logs del navegador y comprobaciones enfocadas del comportamiento del frontend.

## Comandos clave
- `playwright-browser-automation` — automatiza interacciones del navegador, comprobaciones responsive, flujos de inicio de sesión, comprobaciones de enlaces, screenshots y validación amplia de sitios web basada en Playwright.
- `browser-testing-with-screenshots` — ejecuta pruebas visuales del navegador con automatización de Chrome, selección de elementos y captura de screenshots para confirmar la funcionalidad de la UI.
- `webapp-testing` — prueba aplicaciones web locales con Playwright, inspecciona logs del navegador, depura el comportamiento de la UI y captura screenshots.

## Consejos
- Empieza con `playwright-browser-automation` para cobertura de flujos completos y luego usa `browser-testing-with-screenshots` para recopilar evidencia visual de regresiones.
- Para bugs de frontend que solo se reproducen localmente, combina screenshots de `webapp-testing` con logs del navegador para que la corrección tenga evidencia tanto visual como de runtime.
- Mantén los screenshots como evidencia externa de QA en lugar de incluirlos en commits de repositorios de aplicaciones.

Habilidades

3