webapp-testing
Teste aplicativos web com Playwright
Alterações de frontend precisam de validação em um navegador real, não apenas verificações estáticas. Esta habilidade orienta Claude, Codex e Claude Code por testes baseados em Playwright, depuração, capturas de tela e inspeção do console.
Esta habilidade faz parte de um pacote
Instale o pacote completo para obter todas as habilidades que a tarefa exige, com um único comando.
Instalar com meu Agente
Copie esta solicitação para o seu Agente. Ela inclui a página canônica do Skill e o manifesto.
Review the Skillstore skill "webapp-testing" from https://skillstore.io/skills/7spade-webapp-testing.md and its manifest at https://skillstore.io/api/skills/7spade-webapp-testing/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Seu Agente ainda deve apresentar o plano e solicitar qualquer confirmação exigida pela política de segurança.
Recursos legíveis por agentes
Use estes links quando um agente de IA, crawler ou script precisar de contexto limpo em vez de ler a página completa.
Testar
Usando "webapp-testing". Verifique se o dashboard carrega na URL do meu app local.
Resultado esperado:
O dashboard carregou com sucesso. O título da página correspondia ao nome esperado do app, a navegação principal estava visível e nenhum erro apareceu no console.
Usando "webapp-testing". Descubra por que o botão de envio não funciona.
Resultado esperado:
O botão estava visível, mas o clique não navegou. O console do navegador mostrou um erro de validação, e a captura de tela mostrou um campo obrigatório vazio.
Usando "webapp-testing". Verifique a página em largura mobile.
Resultado esperado:
A viewport mobile foi renderizada corretamente no geral. A ação principal permaneceu visível, mas o rodapé se sobrepôs ao campo final do formulário.
Auditoria de segurança
SeguroThe static findings are false positives caused by markdown code fences, a localhost Playwright navigation example, local screenshot capture guidance, and selector advice. I found no prompt injection, data exfiltration intent, or unsafe automated behavior in SKILL.md.
Fatores de risco
⚙️ Comandos externos (13)
🌐 Acesso à rede (1)
Compartilhar e citar este relatório
Compartilhe o relatório de avaliação versionado, o badge neutro, o cartão incorporável e as citações. A Skillstore apresenta evidências sem decidir se este Skill é seguro.
Copiar link do relatório
https://skillstore.io/skills/7spade-webapp-testing/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportBadge Markdown
[](https://skillstore.io/skills/7spade-webapp-testing?utm_source=security_passport_badge)Badge HTML
<a href="https://skillstore.io/skills/7spade-webapp-testing?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/7spade-webapp-testing/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Cartão incorporável
<iframe src="https://skillstore.io/embed/skills/7spade-webapp-testing.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Citações acadêmicas (APA · BibTeX · CFF)
Citação APA
7Spade. (2026). webapp-testing security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/7spade-webapp-testing/audits/8Citação BibTeX
@techreport{7spade-7spade-webapp-testing-2026,
author = {7Spade},
title = {webapp-testing security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/7spade-webapp-testing/audits/8},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "webapp-testing security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "7Spade"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/7spade-webapp-testing/audits/8"
identifiers:
- type: other
value: "skillstore:7spade-webapp-testing:audit:8"
description: "Skillstore immutable audit report identifier"
Comparar variantes
11 variantes instaláveisCada autor permanece como um skill instalável separado. A variante recomendada é classificada pelas evidências do Skillstore.
Por que esta variante está em primeiro
autumnsgrove-webapp-testing
2026-09-09
7spade-webapp-testing
2026-09-09
webapp-testing
2026-09-09
zhanlincui-webapp-testing
2026-09-09
artemisai-webapp-testing
2026-09-09
sickn33-webapp-testing
2026-09-09
azeem-2-webapp-testing
2026-09-09
cam10001110101-webapp-testing
2026-09-09
dyai2025-webapp-testing
2026-09-09
davila7-webapp-testing
2026-09-09
composiohq-webapp-testing
2026-09-09
Pontuação do Skillstore
Por que esta pontuação Confiança das evidências: AltoO que você pode criar
Verificar uma alteração de frontend
Executar um fluxo de trabalho no navegador após alterar o comportamento da UI e confirmar que o estado esperado da página aparece.
Depurar uma jornada de usuário com falha
Capturar capturas de tela, mensagens do console e estado do navegador para entender por que um formulário ou fluxo de navegação falha.
Verificar o comportamento responsivo
Testar a mesma página em diferentes tamanhos de viewport e confirmar que controles importantes permanecem visíveis e utilizáveis.
Teste estes prompts
Use a habilidade webapp-testing para abrir meu app local, confirmar que a página inicial carrega e relatar o título da página e quaisquer erros do console.
Use a habilidade webapp-testing para preencher o formulário de login com credenciais de teste, enviá-lo e verificar se a página de destino esperada aparece.
Use a habilidade webapp-testing para reproduzir o clique no botão com falha, capturar uma captura de tela, inspecionar logs do console e explicar a causa provável.
Use a habilidade webapp-testing para testar o fluxo de checkout em larguras de desktop e mobile, verificar elementos-chave e resumir quaisquer diferenças.
Boas práticas
- Comece com uma verificação simples de carregamento de página antes de testar fluxos complexos.
- Use seletores estáveis, como roles ou atributos data-testid.
- Capture capturas de tela e logs do console quando um teste no navegador falhar.
Evitar
- Não teste contas de produção nem dados reais de clientes sem aprovação.
- Não dependa apenas de seletores frágeis de classes CSS quando existirem seletores melhores.
- Não pule esperas após navegação ou atualizações assíncronas da UI.