9.7 KiB
| type | name | description | scope | trigger | updatedAt |
|---|---|---|---|---|---|
| rule | testes-interface-agent-browser | Testes automatizados de interface (E2E) e acesso visual ao frontend devem usar agent-browser, sempre visível (--headed) e com isolamento por sessão e contexto (--session <modulo>_<contexto?>) para evitar mistura de tokens. | global | always_on | 2026-10-08 |
Regra: Testes Automatizados de Interface e Navegação com agent-browser
Contexto
Quando uma IA precisa testar o frontend, validar jornadas de usuário, inspecionar componentes gráficos ou simular interações na tela, é crucial utilizar uma ferramenta rápida, determinística e econômica em tokens. Além disso, o operador humano deve sempre ter visibilidade do que a IA está executando em tempo real na interface gráfica.
Por padrão, invocações sem identificação de sessão utilizam a sessão "default", compartilhando o mesmo daemon e socket Unix. Em aplicações que possuem múltiplos níveis de acesso (como áreas administrativas internas, portais de requerentes externos, consultas anônimas públicas e acessos de clientes corporativos), a ausência de isolamento por contexto gera mistura de tokens JWT, cookies de autenticação e dados de LocalStorage, provocando falsos positivos ou mascarando falhas de segurança.
Esta regra padroniza o uso da ferramenta CLI agent-browser com isolamento estrito por módulo e contexto de acesso (--session <modulo>_<contexto?>).
Regra
Sempre que qualquer agente de IA (@testes, @front, @ux ou outro) precisar realizar testes automatizados de interface (E2E), navegar no frontend ou inspecionar telas ativas, DEVE OBRIGATORIAMENTE:
- Utilizar o
agent-browsercomo ferramenta oficial de automação de navegador. - Executar SEMPRE em Modo Visível (
--headed):- A janela do navegador deve sempre aparecer na área de trabalho do operador.
- É terminantemente proibido rodar testes ocultos (headless silencioso), a menos que o operador humano solicite expressamente essa exceção.
- Usar a flag
--headednos comandos de abertura (agent-browser --session <modulo>_<contexto> open --headed <url>) ou garantir a variável de ambienteexport AGENT_BROWSER_HEADED=true.
- Isolamento Mandatório de Sessão e Contexto (
--session <modulo>_<contexto?>):- Nunca utilizar a sessão padrão compartilhada sem identificar o módulo e o perfil de acesso.
- Todo comando
agent-browserDEVE OBRIGATORIAMENTE ser acompanhado da flag--session <modulo>_<contexto?>(onde<modulo>é omodulo-idcanônico extraído dememorias-ia/modulo.ymle<contexto>representa o perfil ou nível de acesso que está sendo testado), ou garantir no ambienteexport AGENT_BROWSER_SESSION=<modulo>_<contexto>. - Contextos Padronizados de Acesso:
interno: Acesso restrito a servidores públicos, fiscais, analistas internos ou administradores.externo: Acesso de requerentes externos, contribuintes ou cidadãos logados.anonimo: Acesso público e não autenticado (portal de transparência, certidões públicas, formulários abertos, landing pages). Obrigatório para assegurar ausência total de tokens ou cookies residuais de sessões anteriores.cliente: Acesso de clientes ou empresas contratantes em plataformas multi-tenant ou B2B.- Aplicações de contexto único sem distinção de perfis podem utilizar apenas
<modulo>ou<modulo>_default.
- Prevenção de Mistura de Tokens e Cookies: Cada sessão do
agent-browserpossui daemon e socket Unix dedicados (ex:/run/user/1000/agent-browser/<modulo>_<contexto>.sock), mantendo cookie jar, cabeçalhosAuthorization, LocalStorage e SessionStorage completamente estanques. Separar por<modulo>_<contexto>é estritamente obrigatório para que um teste anônimo não herde tokens de um teste interno, ou que credenciais de requerente externo não interfiram em fluxos administrativos. - Sub-isolamento Concorrente: Caso múltiplos testes concorrentes ocorram no mesmo módulo e contexto, adota-se o sufixo determinístico:
<modulo>_<contexto>-<slug_ou_pid>.
- Utilizar o modelo de referências (
@ref):- Mapear a tela via
agent-browser --session <modulo>_<contexto> snapshot -i, obtendo referências compactas como@e1,@e2. - Executar ações determinísticas referenciando os IDs gerados (
click @e1,fill @e2 "texto").
- Mapear a tela via
- Registrar evidências e fechar sessão:
- Registrar comprovações visuais com
agent-browser --session <modulo>_<contexto> screenshot <arquivo.png>. - Encerrar graciosamente o navegador com
agent-browser --session <modulo>_<contexto> closeao término do fluxo.
- Registrar comprovações visuais com
- Credenciais Canônicas de Teste por Contexto (
modulo-acesso):- O agente DEVE OBRIGATORIAMENTE consultar
modulo-acessoemmemorias-ia/modulo.yml. - Se configurado com chaves específicas por contexto (
interno,externo,cliente), extrair as credenciais do contexto sob teste. - Se configurado no formato plano direto (
usuarioesenha), utilizar como credencial padrão para o contexto principal/interno. - Para o contexto
anonimo, o agente NÃO deve autenticar, validando a jornada como usuário não-logado na sessão isolada<modulo>_anonimo. - É terminantemente proibido inventar credenciais aleatórias ou chutar credenciais inexistentes que falhem no teste.
- O agente DEVE OBRIGATORIAMENTE consultar
Instalação e Configuração
O agent-browser é instalado globalmente via bun (ou npm) com download de binários do Chromium:
# Instalação global via bun (recomendado)
bun i -g agent-browser
# Download do motor do navegador (primeira execução)
agent-browser install
Documentação de referência: https://agent-browser.dev/
Protocolo Operacional Padrão
Todo teste ou navegação de interface executado pela IA deve seguir o fluxo com isolamento de sessão e contexto:
1. Obter Identificador do Módulo, Definir Contexto e Abertura com Janela Visível
# Obter o modulo-id canônico de memorias-ia/modulo.yml
MODULO=$(grep -E "^modulo-id:" memorias-ia/modulo.yml | awk '{print $2}')
# Definir contexto sob teste: interno | externo | anonimo | cliente
CONTEXTO="interno" # ou externo, anonimo, cliente
SESSAO="${MODULO}_${CONTEXTO}"
# Abrir sempre visível ao operador humano na sessão isolada do módulo e contexto
agent-browser --session "$SESSAO" open --headed http://localhost:8080
2. Inspeção de Elementos Interativos
# Gera árvore de acessibilidade compacta com refs determinísticas (@e1, @e2)
agent-browser --session "$SESSAO" snapshot -i
3. Interações por Referência Direta
# Interagir diretamente com os elementos identificados no snapshot
agent-browser --session "$SESSAO" fill @e1 "usuario@exemplo.com"
agent-browser --session "$SESSAO" fill @e2 "senhaSegura123"
agent-browser --session "$SESSAO" click @e3
4. Validação e Evidência
# Aguardar estabilização se houver transição assíncrona
agent-browser --session "$SESSAO" wait 1000
# Obter novo snapshot para verificar estado pós-ação
agent-browser --session "$SESSAO" snapshot -i
# Capturar evidência gráfica do teste
agent-browser --session "$SESSAO" screenshot evidencias/teste-login-sucesso.png
# Verificar erros no console do navegador
agent-browser --session "$SESSAO" console
5. Finalização
# Fechar a sessão isolada do navegador ao concluir o teste
agent-browser --session "$SESSAO" close
Boas Práticas e Proibições
Proibido ❌
- Proibido executar sem a flag
--session <modulo>_<contexto?>(ou semAGENT_BROWSER_SESSION), evitando poluir sessões ou misturar tokens entre perfis. - Proibido abrir em modo headless silencioso sem flag
--headedou variávelAGENT_BROWSER_HEADED=true. - Proibido testar fluxos anônimos em sessões já autenticadas, garantindo que testes públicos sempre rodem na sessão
<modulo>_anonimo. - Proibido despejar o HTML/DOM completo no contexto da IA (consome milhares de tokens desnecessários; use sempre
snapshot -i). - Proibido navegar para URLs desconhecidas ou inventadas pela IA fora do escopo aprovado do teste.
- Proibido deixar processos ou janelas órfãs após a conclusão do trabalho (sempre executar
agent-browser --session <sessao> close).
Permitido e Recomendado ✅
- Manter sessões persistentes quando necessário via
--session <modulo>_<contexto> --restore. - Utilizar sub-isolamento determinístico (
<modulo>_<contexto>-<slug_ou_pid>) caso múltiplos testes do mesmo contexto ocorram simultaneamente no mesmo host. - Usar
agent-browser --session <modulo>_<contexto> screenshot --annotatepara inspecionar layouts complexos com visão computacional. - Consultar guias embutidos do próprio binário via
agent-browser skills get core --fullouagent-browser skills get dogfood.
Impacto
- Isolamento de Tokens e Cookies: Previne contaminação entre sessões de administradores internos, cidadãos externos e consultas públicas anônimas.
- Isolamento de Processos e Concorrência: Múltiplos agentes rodando testes E2E simultâneos não colidem abas nem encerram daemons de outros contextos.
- Transparência para o operador: O operador humano acompanha exatamente o que a IA está clicando e testando na interface em tempo real.
- Eficiência de tokens: A árvore de acessibilidade reduz o consumo de contexto em até 90% comparado a inspeções de DOM HTML bruto.
- Confiabilidade: Interações determinísticas por
@refeliminam fragilidade de seletores CSS dinâmicos.
Referências
- Documentação Oficial: https://agent-browser.dev/
- Skill associada:
skills/testar-interface-agent-browser/SKILL.md - Rule associada:
rules/identidade-modulo.md - Ferramentas CLI:
.agent/TOOLS