# Webapp Testing

> Executa testes end-to-end em aplicacoes React locais (Vite) usando Playwright. Permite validar formularios, capturar logs e inspecionar UI.

- Skill: `narcisolcf/webapp-testing` (Agent Skill, multi-file: 6 files)
- Install (CLI): `npx skillmds@latest add narcisolcf/webapp-testing`
- Raw SKILL.md: https://api.skillmd.com/api/skills/narcisolcf/webapp-testing/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: narcisolcf (https://skillmd.com/u/narcisolcf)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/narcisolcf/webapp-testing

---


# Testes de Aplicação Web (Playwright)

## Visão Geral
Esta habilidade permite testar a interface do projeto `pca_camocim` como se fosse um utilizador real. O Claude escreve e executa scripts Python (Playwright) para interagir com o navegador.

## Dependências
Requer: `playwright`, `python` e as dependências do projeto instaladas (`npm install`).

## Estrutura de Comandos
Os scripts auxiliares estão localizados em:
- `scripts/with_server.py`: Gerencia o ciclo de vida do servidor de desenvolvimento.
- `examples/`: Contém modelos de scripts para descoberta de elementos.

## Como Usar

### 1. Testar Fluxos com Servidor (Recomendado)
Como este é um projeto Vite, o servidor deve ser iniciado antes do teste. Use o script `with_server.py`.

**Padrão de Comando:**
```bash
python scripts/with_server.py --server "npm run dev" --port 5173 -- python "seu_script_de_teste.py"