e2e-testing
Automatize Testes End-to-End com Playwright
Testes manuais são lentos e propensos a erros. Esta skill fornece um fluxo de trabalho estruturado em 7 fases para testes E2E automatizados com Playwright, desde a configuração até a integração com CI/CD.
Baixar o ZIP da skill
Upload no Claude
Vá em Configurações → Capacidades → Skills → Upload skill
Ative e comece a usar
Testar
A utilizar "e2e-testing". Configurar testes E2E para uma aplicação React
Resultado esperado:
Cria arquivo de configuração Playwright, instala dependências, configura estrutura de diretórios de teste e fornece arquivo de teste exemplo com teste de fluxo de login
A utilizar "e2e-testing". Executar testes cross-browser
Resultado esperado:
Executa suíte de testes em navegadores Chromium, Firefox e WebKit com relatórios detalhados de sucesso/falha e artifacts de screenshot para testes falhos
Auditoria de Segurança
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.
Pontuação de qualidade
O Que Você Pode Construir
QA Engineers automatizando testes de regressão
Configure suítes de teste E2E abrangentes que são executadas automaticamente em cada alteração de código, detectando regressões antes do deploy em produção.
Desenvolvedores implementando desenvolvimento orientado a testes
Crie testes de navegador automatizados junto com o desenvolvimento de features para garantir que os fluxos de usuário funcionem corretamente em todos os navegadores suportados.
Equipes DevOps construindo pipelines CI/CD
Integre testes E2E automatizados em workflows de deploy com execução paralela, artifacts e relatórios de teste.
Tente Estes Prompts
Use @playwright-skill para configurar testes Playwright no meu projeto. Instale dependências, configure o framework de teste e crie um arquivo de teste básico.
Use @e2e-testing-patterns para projetar uma estratégia de teste E2E para minha aplicação. Identifique fluxos de usuário críticos que precisam de testes automatizados.
Use @playwright-skill para implementar teste de regressão visual. Configure imagens baseline e adicione asserções visuais para detectar mudanças na UI.
Use @github-actions-templates para criar um workflow do GitHub Actions que executa testes E2E em paralelo entre navegadores e faz upload de artifacts de teste.
Melhores Práticas
- Use o padrão page object para separar lógica de teste da estrutura da página para testes sustentáveis
- Implemente estratégias de espera adequadas usando auto-wait do Playwright em vez de timeouts hardcoded
- Execute testes em modo headless para CI e modo headed localmente para debug
Evitar
- Usar delays de sleep hardcoded em vez da funcionalidade auto-wait embutida do Playwright
- Escrever testes que dependem de ordem específica de execução em vez de testes isolados
- Armazenar credenciais de teste em texto puro em vez de usar variáveis de ambiente