Teste de ponta a ponta antes de lançar: o agente grava e roda o Playwright no fluxo principal e no caminho de erro do seu app

App feito com vibe coding costuma quebrar quando o primeiro usuário faz algo fora do roteiro. Antes de divulgar, peça ao agente para montar 5 a 8 testes com o Playwright (grátis): cadastro, ação principal, pagamento ou formulário, e os erros (campo vazio, e-mail inválido, clique duplo, internet lenta). Ele roda tudo, mostra o relatório e só corrige o que você aprovar.

Passo a passo

1. Escreva em 5 linhas o que o usuário precisa conseguir fazer no seu app (ex.: "criar conta, cadastrar imóvel, ver o imóvel na lista, mandar mensagem, sair"). Essa lista é o roteiro dos testes.
2. Peça ao agente para instalar o Playwright no projeto com `npm init playwright@latest` (precisa do Node.js 22 ou mais novo). Ele cria a pasta `tests/` e o arquivo `playwright.config`.
3. Se você não programa, grave o fluxo clicando: `npx playwright codegen https://seu-app.pages.dev` abre um navegador que transforma seus cliques em código. Depois o agente limpa esse código e acrescenta as conferências ("a mensagem de sucesso apareceu").
4. Use o prompt abaixo para o agente escrever os testes do caminho feliz e dos erros. Rode com `npx playwright test` e veja o relatório com `npx playwright show-report` (o modo `--ui` mostra passo a passo).
5. Para cada teste que falhar, o agente explica a causa em 1 frase e propõe a correção. Você aprova uma por vez. Rode tudo de novo até passar.
6. Opcional: coloque os testes para rodar sozinhos a cada mudança no GitHub Actions (a documentação do Playwright tem o modelo pronto) ou peça ao Grok Bot para rodar 1 vez por dia contra o site no ar e só avisar se algo quebrar.

Prompt para copiar

Troque o que está entre [colchetes] pelos seus dados. Funciona em Claude Code, Codex, Grok Bot, Cursor.

Você vai testar meu app antes do lançamento. URL: [https://...]. Pasta do projeto: [caminho].
Fluxo principal (o que o usuário precisa conseguir): [5 linhas].
1) Instale o Playwright se ainda não tiver (npm init playwright@latest, só Chromium para começar).
2) Escreva de 5 a 8 testes em tests/lancamento.spec.ts:
   - caminho feliz completo do fluxo principal;
   - formulário vazio, e-mail inválido, texto gigante, emoji e acento;
   - clique duplo no botão de enviar (não pode criar registro duplicado);
   - página recarregada no meio do fluxo e botão voltar;
   - celular (viewport 390x844) e internet lenta;
   - usuário sem login tentando abrir página restrita.
   Use dados de teste com um marcador (ex.: "teste-AAAAMMDD") e NÃO use dados reais de clientes.
3) Rode npx playwright test e me mostre: tabela (teste | passou? | o que o usuário veria | causa provável).
4) NÃO corrija nada ainda. Proponha a correção de cada falha em 1 linha e espere eu aprovar.
5) No fim, me diga como apagar os registros de teste que ficaram no banco.
Nunca rode os testes contra pagamento real, envio de e-mail/WhatsApp para pessoas reais ou banco de produção sem eu confirmar.

O ângulo Brasil

Cuidados

Perguntas frequentes

Fontes oficiais

• Installation, npm init playwright (Playwright Docs) (conferido em 27 de outubro de 2026)
• Test generator, codegen (Playwright Docs) (conferido em 27 de outubro de 2026)
• Writing tests (Playwright Docs) (conferido em 27 de outubro de 2026)
• Continuous Integration (Playwright Docs) (conferido em 27 de outubro de 2026)

• Vibe coding
• Debug
• Deploy

Prompt revisado em 27 de outubro de 2026. Resultados variam por agente e modelo; confira sempre a resposta antes de usar.