e2e-testing
Ensina seu agente de IA a testar o código e achar erros antes dos usuários e colocar projetos no ar e cuidar da infraestrutura.
O que ela faz
Este é um guia para testar automaticamente como um usuário interage com um site ou aplicativo. Ele ajuda a garantir que tudo funcione como esperado em diferentes navegadores e situações.
Quando usar
- ✓Ao configurar testes automáticos para um site.
- ✓Quando você precisa verificar se um site funciona em vários navegadores.
- ✓Para comparar a aparência de um site com uma versão anterior (testes visuais).
Exemplo do que pedir para a IA
“Configure testes automáticos para verificar o fluxo de login e compra no meu site.”
Quer saber mais? Abra as seções abaixo.
Como usar
O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.
Link da skill
Mensagem pronta para colar
Como funciona
Ele usa uma ferramenta chamada Playwright para simular ações de um usuário, como clicar em botões e preencher formulários. Isso permite que os testes sejam executados sem intervenção humana.
Instalação
Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.
No terminal (Claude Code, Codex, Cursor), na pasta do projeto:
npx skills add sickn33/agentic-awesome-skills --skill e2e-testingOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/e2e-testing/SKILL.md -o SKILL.mdConteúdo técnico (SKILL.md)
Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.
Fluxo de Trabalho de Testes E2E
Visão Geral
Fluxo de trabalho especializado para testes end-to-end usando Playwright, incluindo automação de navegador, testes de regressão visual, testes entre navegadores e integração CI/CD.
Quando Usar Este Fluxo de Trabalho
Use este fluxo de trabalho quando:
- Configurando testes E2E
- Automatizando testes de navegador
- Implementando regressão visual
- Testando em vários navegadores
- Integrando testes com CI/CD
Escopo e Prova
Escolha as fases necessárias para a tarefa atual, não todas as habilidades listadas. Use contas de teste dedicadas, fixtures isoladas e endpoints de sandbox aprovados; cliques podem enviar mensagens, fazer compras ou excluir dados. Revise a instalação/downloads do navegador e as permissões de CI primeiro. Rastreamentos, capturas de tela, vídeos e arquivos de estado de armazenamento podem conter credenciais ou dados privados; mantenha-os privados e redija artefatos antes de compartilhar. Uma execução do Playwright WebKit não é prova no Safari/iOS real, e a emulação móvel não é um teste em dispositivo real. Mantenha as linhas de base visuais fixas até que as diferenças sejam revisadas; não as sobrescreva meramente para obter um passe.
Fases do Fluxo de Trabalho
Fase 1: Configuração de Teste
Habilidades a Invocar
playwright-skill- Configuração do Playwrighte2e-testing-patterns- Padrões E2E
Ações
- Instalar Playwright
- Configurar framework de teste
- Configurar diretório de teste
- Configurar navegadores
- Criar configuração base de teste
Prompts de Copiar e Colar
Use @playwright-skill to set up Playwright testing
Fase 2: Design de Teste
Habilidades a Invocar
e2e-testing-patterns- Padrões de testetest-automator- Automação de teste
Ações
- Identificar fluxos críticos
- Projetar cenários de teste
- Planejar dados de teste
- Criar objetos de página
- Configurar fixtures
Prompts de Copiar e Colar
Use @e2e-testing-patterns to design E2E test strategy
Fase 3: Implementação de Teste
Habilidades a Invocar
playwright-skill- Testes Playwrightwebapp-testing- Teste de aplicativos web
Ações
- Escrever scripts de teste
- Adicionar asserções
- Implementar esperas
- Lidar com conteúdo dinâmico
- Adicionar tratamento de erros
Prompts de Copiar e Colar
Use @playwright-skill to write E2E test scripts
Fase 4: Automação de Navegador
Habilidades a Invocar
browser-automation- Automação de navegadorplaywright-skill- Recursos do Playwright
Ações
- Configurar modo headless
- Configurar capturas de tela
- Implementar gravação de vídeo
- Adicionar coleta de rastreamento
- Configurar emulação móvel
Prompts de Copiar e Colar
Use @browser-automation to automate browser interactions
Fase 5: Regressão Visual
Habilidades a Invocar
playwright-skill- Teste visualui-visual-validator- Validação visual
Ações
- Configurar teste visual
- Criar imagens de linha de base
- Adicionar asserções visuais
- Configurar limites
- Revisar diferenças
Prompts de Copiar e Colar
Use @playwright-skill to implement visual regression testing
Fase 6: Teste Entre Navegadores
Habilidades a Invocar
playwright-skill- Multi-navegadorwebapp-testing- Teste de navegador
Ações
- Configurar Chromium
- Adicionar testes Firefox
- Adicionar testes WebKit
- Testar navegadores móveis
- Comparar resultados
Prompts de Copiar e Colar
Use @playwright-skill to run cross-browser tests
Fase 7: Integração CI/CD
Habilidades a Invocar
github-actions-templates- GitHub Actionscicd-automation-workflow-automate- CI/CD
Ações
- Criar fluxo de trabalho de CI
- Configurar execução paralela
- Configurar artefatos
- Adicionar relatórios
- Configurar notificações
Prompts de Copiar e Colar
Use @github-actions-templates to integrate E2E tests with CI
Portões de Qualidade
- Testes passando
- Cobertura adequada
- Testes visuais estáveis
- Teste entre navegadores verificado
- Integração CI funcionando
Pacotes de Fluxo de Trabalho Relacionados
testing-qa- Fluxo de trabalho de testesdevelopment- Desenvolvimentoweb-performance-optimization- Desempenho
Limitações
- Use esta habilidade apenas quando a tarefa corresponder claramente ao escopo descrito acima.
- Não trate a saída como um substituto para validação específica do ambiente, testes ou revisão especializada.
- Pare e peça esclarecimentos se os inputs necessários, permissões, limites de segurança ou critérios de sucesso estiverem faltando.
Perguntas frequentes
O que é 'visual regression'?
É uma técnica para garantir que a aparência visual do seu site não mude inesperadamente. Ele compara imagens de como o site deveria parecer com imagens atuais.
O que é 'CI/CD integration'?
Significa integrar esses testes em um sistema de entrega contínua e integração contínua. Assim, os testes rodam automaticamente sempre que há uma mudança no código.
Posso confiar 100% nos testes?
Esses testes são uma ótima ajuda, mas não substituem a revisão humana. Eles podem conter informações sensíveis, então cuidado ao compartilhar os resultados.
Detalhes
Descrição original do autor
End-to-end testing workflow with Playwright for browser automation, visual regression, cross-browser testing, and CI/CD integration.
Popularidade
- Estrelas no GitHub
- 48 mil
- Posição no ranking
- #2890
- Licença
- MIT
- Atualizada em
- 15/10/2026
Comentários
- …
Mais skills deste repositório
00-andruia-consultant
Ajuda seu agente a iniciar ou melhorar projetos de IA. Ele analisa código, sugere ferramentas e cria planos de ação em espanhol.
sickn33/agentic-awesome-skills
007
Faz seu agente realizar auditorias de segurança e modelagem de ameaças. É útil para proteger projetos contra ataques e vulnerabilidades.
sickn33/agentic-awesome-skills
10-andruia-skill-smith
Ajuda seu agente a criar ou melhorar ferramentas de IA. Ele define como as ferramentas funcionam, escreve a documentação e valida a estrutura.
sickn33/agentic-awesome-skills
20-andruia-niche-intelligence
Faz seu agente criar um resumo sobre um setor específico. É útil para entender o contexto, regras, padrões de uso e riscos de um projeto, usando fontes confiáveis.
sickn33/agentic-awesome-skills
Skills parecidas
cpp-testing
Faz seu agente escrever e melhorar testes para código C++. Ajuda a configurar ferramentas de teste e a corrigir erros.
affaan-m/ECC
csharp-testing
Ajuda seu agente a criar testes para código C# e .NET. Ele usa as melhores práticas para garantir que os testes sejam eficientes e confiáveis.
affaan-m/ECC
django-tdd
Faz seu agente aplicar estratégias de teste para Django com pytest-django e TDD. É útil para escrever testes robustos e garantir a qualidade do código, especialmente para APIs DRF.
affaan-m/ECC