webapp-testingProgramaçãoTestar aplicações web locais com Playwright
Toolkit oficial para exercitar interfaces locais, capturar telas, inspecionar logs e verificar comportamento real no navegador.
Para: Devs web e QA
O que é
A webapp-testing orienta testes de aplicações locais com Playwright. Ela ajuda a navegar pela interface, executar interações, registrar capturas e consultar erros do navegador.
Isso é diferente de conferir apenas o HTML ou o resultado do build. Um botão pode existir e continuar sem responder; um modal pode abrir e prender o foco; uma rota pode carregar e quebrar no console. O teste no navegador encontra esse tipo de falha.
Quando usar
- Antes de publicar uma mudança de interface ou fluxo crítico
- Para reproduzir um bug que depende de sequência de cliques
- Ao validar responsividade, estados vazios e mensagens de erro
- Quando build e testes unitários passam, mas o comportamento visual ainda é incerto
Quando não usar
- Como substituto de testes unitários rápidos para regras de negócio
- Quando o ambiente local depende de credenciais ou serviços indisponíveis
- Para afirmar compatibilidade entre navegadores sem executar a matriz necessária
O erro mais comum
Testar somente o caminho feliz. Inclua teclado, voltar do navegador, recarregamento, campos inválidos e estados sem dados. É nesses pontos que uma tela aparentemente pronta costuma falhar.
Instalação
$ /plugin marketplace add anthropics/skills$ /plugin install example-skills@anthropic-agent-skillsA instalação adiciona a coleção oficial. A ativação depende do pedido; o identificador acima não é tratado como comando de barra.
Conferir a pasta oficial ↗Outras skills de Programação
- skill-creatorCriar, revisar e medir uma Agent SkillSkill oficial para criar ou melhorar skills, testar ativação e avaliar se as instruções realmente aumentam a qualidade do resultado.
- mcp-builderConstruir servidores MCP com ferramentas bem definidasGuia oficial para integrar APIs e serviços externos a modelos por meio de servidores MCP em Python ou TypeScript.
- web-artifacts-builderCriar artefatos web complexos com estado e rotasSkill oficial para artefatos web com vários componentes, estado, navegação e uma stack moderna de frontend.