TabbitBlog

Como testar um app web local com um agente de IA

Verifique a rota localhost alterada, reproduza uma falha e confirme o reparo com resposta de rede e resultado visível.

Neste artigo
  1. Inicie o serviço e confirme a rota
  2. Execute uma ação completa
  3. Reproduza, ajuste uma linha e repita
  4. Quais evidências devo guardar?
  5. E se a página não abrir?

A sintaxe pode passar mesmo que uma ação real falhe. O teste no navegador precisa de uma rota alterada, uma entrada e um resultado visível. A página de alertas respondeu HTTP 200 antes e depois. O envio do formulário mostrou o problema.

Inicie o serviço e confirme a rota

Registre host, porta e rota e confira qual processo está escutando. Use loopback para o exercício local. Para um agente remoto, localhost pertence ao próprio ambiente. Abra a rota alterada em uma aba de teste e confira o título e o estado inicial. Um 200 da página inicial não confirma que as configurações funcionam.

InícioConferir
GET /settings/alertsHTTP 200 · Alert settings
Enable alertsSave alerts
POST /api/alertsHTTP + role=status

Playwright · Web server

Execute uma ação completa

Marque Enable alerts e clique em Save alerts. Capture a resposta POST e o texto da página. Comece a esperar a resposta antes do clique para não perder uma resposta rápida. Confira método e rota para excluir outras requisições. Use entradas fictícias e evite ações irreversíveis em produção.

Playwright · Network

Reproduza, ajuste uma linha e repita

O cliente enviava enabled e o servidor esperava alertsEnabled. O POST devolveu 422 e a página exibiu Save failed: alertsEnabled required. Alteramos só o campo e reiniciamos o serviço na mesma porta. Repetimos o clique e o POST devolveu 200 com Q02-ALERTS-ENABLED na página. A verificação de sintaxe não cobria esse descompasso.

FaseAntesDepois
NavegaçãoHTTP 200HTTP 200
EnvioPOST 422 · enabledPOST 200 · alertsEnabled
Resultado visívelSave failed: alertsEnabled requiredQ02-ALERTS-ENABLED

Tabbit mostra erro antes da correção

Tabbit mostra o recibo após a correção

Quais evidências devo guardar?

Guarde rota, passos, entrada, expectativa, resultado, detalhes de rede com dados sensíveis ocultos e uma imagem se ajudar a mostrar o problema. Compare antes e depois. O exercício só retorna um recibo, sem medir persistência ou desempenho em produção. Se a função promete persistir, recarregue e confirme pela interface de leitura.

Um desenvolvedor perguntou como fazer o agente agir como usuário. Outro relatou dificuldades com localhost e com a visualização do CSS renderizado. Peça um comportamento verificável em uma rota acessível.

Reddit · Cursor · Reddit · BuildWithClaude

E se a página não abrir?

Confira a porta no mesmo ambiente do navegador, depois origem, porta e caminho. Separe recusa de conexão, erro da página e falha da ação. Se não houver acesso de rede, pare e registre o limite.

Perguntas frequentes

Como inicio a verificação local?

Registre host, porta e rota e confira qual processo está escutando. Use loopback para o exercício local. Para um agente remoto, localhost pertence ao próprio ambiente. Abra a rota alterada em uma aba de teste e confira o título e o estado inicial. Um 200 da página inicial não confirma que as configurações funcionam.

Qual ação devo testar?

Marque Enable alerts e clique em Save alerts. Capture a resposta POST e o texto da página. Comece a esperar a resposta antes do clique para não perder uma resposta rápida. Confira método e rota para excluir outras requisições. Use entradas fictícias e evite ações irreversíveis em produção.

Como confirmo o ajuste de uma linha?

O cliente enviava enabled e o servidor esperava alertsEnabled. O POST devolveu 422 e a página exibiu Save failed: alertsEnabled required. Alteramos só o campo e reiniciamos o serviço na mesma porta. Repetimos o clique e o POST devolveu 200 com Q02-ALERTS-ENABLED na página. A verificação de sintaxe não cobria esse descompasso.

Que evidências guardar?

Guarde rota, passos, entrada, expectativa, resultado, detalhes de rede com dados sensíveis ocultos e uma imagem se ajudar a mostrar o problema. Compare antes e depois. O exercício só retorna um recibo, sem medir persistência ou desempenho em produção. Se a função promete persistir, recarregue e confirme pela interface de leitura.

E se a página não abrir?

Confira a porta no mesmo ambiente do navegador, depois origem, porta e caminho. Separe recusa de conexão, erro da página e falha da ação. Se não houver acesso de rede, pare e registre o limite.

Dê o próximo passo

Deixe o Tabbit trabalhar ao seu lado.

Pesquise entre abas, automatize o trabalho repetitivo do navegador e mantenha todo o contexto ao alcance.