Kit de QA para Navegador
Cenário

Kit de QA para Navegador

Um plugin compacto para QA baseado em navegador em interações automatizadas, verificação visual e depuração de apps web locais.

3 habilidades 1 instalações
browsertestingautomationscreenshotsplaywright
Atualizado há 4 dias

Instalar

Execute este comando para instalar todas as habilidades deste pack:

npx skillstore add @browser-qa-kit

A CLI detecta automaticamente as pastas do Codex e do Claude Code e instala em ambas quando disponíveis.

Visão geral

Guia de Uso

Aprimorado com IA

Guia detalhado

## Visão geral
Browser QA Kit reúne três habilidades de QA focadas em navegador para verificações de UI de ponta a ponta: interações automatizadas com Playwright, verificação visual por screenshots e depuração de apps web locais com logs do navegador. Use-o quando precisar testar o comportamento real da UI em vez de apenas inspecionar código.

## Início rápido
1. Instale o plugin no seu workspace OpenClaw quando precisar de QA baseado em navegador para um app web ou frontend local.
2. Use `playwright-browser-automation` (`adammanuel-dev-playwright-browser-automation`) para detectar automaticamente servidores de desenvolvimento, exercitar páginas, preencher formulários, validar fluxos de login, verificar links, capturar screenshots e escrever scripts Playwright temporários em `/tmp`.
3. Use `browser-testing-with-screenshots` (`agentworkforce-browser-testing-with-screenshots`) quando precisar de verificação visual: conduzir interações no Chrome, selecionar elementos, capturar screenshots e confirmar que os principais estados da UI estão corretos.
4. Use `webapp-testing` (`artemisai-webapp-testing`) para depuração de apps web locais com Playwright, screenshots do navegador, logs do navegador e verificações focadas no comportamento do frontend.

## Comandos principais
- `playwright-browser-automation` — automatize interações no navegador, verificações responsivas, fluxos de login, verificações de links, screenshots e validação ampla de sites baseada em Playwright.
- `browser-testing-with-screenshots` — execute testes visuais no navegador com automação do Chrome, seleção de elementos e captura de screenshots para confirmar a funcionalidade da UI.
- `webapp-testing` — teste aplicações web locais com Playwright, inspecione logs do navegador, depure o comportamento da UI e capture screenshots.

## Dicas
- Comece com `playwright-browser-automation` para cobertura de fluxos completos e depois use `browser-testing-with-screenshots` para coletar evidências visuais de regressões.
- Para bugs de frontend que só são reproduzidos localmente, combine screenshots do `webapp-testing` com logs do navegador para que a correção tenha evidências visuais e de execução.
- Mantenha screenshots como evidências externas de QA em vez de commitá-los em repositórios de aplicação.

Habilidades

3