Teste seu app no navegador com um só comando

Digite /test no chat do projeto e o Mythex testa o seu app do jeito que uma pessoa faria: abre a pré-visualização ao vivo em um navegador, visita páginas, clica em botões e preenche formulários, e depois informa no chat o que funcionou e o que não funcionou. Você pode apontar um fluxo específico, como “teste o cadastro e a página de preços”, ou deixar que ele siga o caminho óbvio pelo app.

O que faz

O Teste de App exercita a sua pré-visualização ao vivo, não apenas o código. O Mythex controla um navegador sobre o app em execução, registra o que vê, incluindo capturas de tela quando são úteis, e escreve um resumo dos resultados no chat.

Isso é um tipo de verificação diferente de ler o código-fonte. O código pode parecer correto e ainda assim falhar no uso: um botão ligado ao manipulador errado, um formulário que é enviado mas nunca mostra uma confirmação, uma página que só quebra depois que você entra na conta. A única forma de encontrar esses problemas é usando o app, e o Teste de App faz isso por você.

Por que ajuda

Quando você constrói com um agente, a pré-visualização é como você avalia o progresso. Você clica, parece bem, e segue em frente. Mas percorrer todos os fluxos a cada mudança fica cansativo, e é fácil conferir a página que acabou de mudar e deixar passar aquela que foi quebrada discretamente.

O Teste de App transforma “ainda funciona?” em uma única mensagem. Você descreve o caminho que importa, o agente o percorre, e você recebe um relatório com o qual pode agir. Como roda no mesmo chat, a correção fica a uma mensagem de distância.

Como executar

1. Certifique-se de que a Pré-visualização está rodando e mostrando o seu app. O Teste de App trabalha sobre a pré-visualização, então, se ela estiver em branco ou ainda iniciando, espere ou resolva isso antes.
2. Digite /test no chat do projeto. Você também pode pedir em linguagem simples: “teste o app no navegador” também funciona.
3. Diga em que focar, se quiser. Por exemplo: “teste o cadastro e a página de preços”, ou “crie uma conta, adicione um item, finalize a compra”.
4. Leia o relatório. O Mythex resume o que tentou e o que deu errado, com capturas de tela quando ajudam.
5. Corrija o que encontrou com /fix ou com uma mensagem normal de Build.
6. Rode /test de novo para confirmar que a correção funcionou e que nada mais quebrou.

Quando usar

• Depois de uma grande mudança de interface. Um novo layout ou uma nova navegação podem quebrar fluxos que você não tocou diretamente.
• Antes de publicar, para pegar quebras óbvias antes dos visitantes.
• Quando a pré-visualização parece boa, mas um fluxo pode não estar. Caminhos de várias etapas, como cadastrar-se, depois entrar e depois fazer algo, são os que mais valem a pena verificar.

Como obter bons resultados

Quanto mais claro o pedido, mais útil o relatório.

• Descreva um caminho feliz. “Crie uma conta, adicione um item, finalize a compra” dá ao agente uma sequência clara para seguir e um resultado claro para conferir. “Teste tudo” deixa o agente adivinhar o que importa.
• Cite as páginas ou funcionalidades que você mudou. Se acabou de reformular a página de preços, diga isso.
• Teste em ciclos curtos. Mude uma coisa, teste, corrija, teste de novo. É mais fácil ver o que quebrou quando apenas uma coisa mudou.
• Combine com checkpoints. Se uma mudança quebrou mais do que corrigiu, você pode voltar ao último turno bom em vez de remendar por cima.

Limites

• Ele testa a pré-visualização, não o seu site publicado. O Teste de App roda sobre a pré-visualização ao vivo no seu workspace privado. Não verifica a versão que os visitantes veem na sua URL publicada. Publique separadamente quando estiver pronto.
• A pré-visualização precisa estar rodando. Se não estiver no ar, não há o que testar.
• Ele segue os caminhos que você indica. Um pedido focado recebe uma verificação focada; não é uma suíte de testes exaustiva.
• Ele relata; quem decide é você. O Teste de App informa o que está quebrado. Corrigir é uma etapa separada, com /fix ou uma mensagem de Build.

Se quiser se aprofundar em rastrear um problema depois de encontrá-lo, nosso guia sobre como depurar um app criado com IA explica o processo. Para a própria pré-visualização, veja um workspace privado e pré-visualização ao vivo para cada projeto.

A página da documentação tem os detalhes: Teste de App.