Testen Sie Ihre App im Browser mit einem Befehl

Tippen Sie /test in den Projektchat, und Mythex testet Ihre App so, wie es ein Mensch tun würde: Es öffnet die Live-Vorschau in einem Browser, besucht Seiten, klickt auf Schaltflächen und füllt Formulare aus und berichtet dann im Chat, was funktioniert hat und was nicht. Sie können es auf einen bestimmten Ablauf lenken, etwa „Teste die Registrierung und die Preisseite“, oder es den naheliegenden Weg durch die App nehmen lassen.

Was es macht

Die App-Tests prüfen Ihre Live-Vorschau, nicht nur Ihren Code. Mythex steuert einen Browser gegen die laufende App, erfasst, was er sieht, einschließlich Screenshots, wenn sie hilfreich sind, und schreibt eine Zusammenfassung der Ergebnisse in den Chat.

Das ist eine andere Art der Prüfung als das Lesen des Quelltexts. Code kann richtig aussehen und im Einsatz trotzdem scheitern: Eine Schaltfläche ist mit dem falschen Handler verbunden, ein Formular wird abgeschickt, zeigt aber nie eine Bestätigung, oder eine Seite bricht erst nach der Anmeldung ab. Solche Fehler findet man nur, indem man die App benutzt, und die App-Tests erledigen das für Sie.

Warum es hilft

Wenn Sie mit einem Agenten bauen, ist die Vorschau der Maßstab für Fortschritt. Sie klicken herum, es sieht gut aus, Sie machen weiter. Nach jeder Änderung jeden Ablauf durchzuklicken wird aber mühsam, und man prüft leicht die Seite, die man gerade geändert hat, und übersieht die, die still und leise kaputtgegangen ist.

Die App-Tests machen aus „Funktioniert es noch?“ eine einzige Nachricht. Sie beschreiben den Weg, der zählt, der Agent geht ihn ab, und Sie erhalten einen Bericht, mit dem Sie etwas anfangen können. Da es im selben Chat läuft, ist die Korrektur nur eine weitere Nachricht entfernt.

So starten Sie es

Stellen Sie sicher, dass die Vorschau läuft und Ihre App zeigt. Die App-Tests arbeiten gegen die Vorschau. Ist sie leer oder noch am Starten, warten Sie oder beheben Sie das zuerst.
Tippen Sie /test in den Projektchat. Sie können auch in normaler Sprache fragen. „Teste die App im Browser“ funktioniert ebenso.
Sagen Sie, worauf der Fokus liegen soll, falls Sie das möchten. Zum Beispiel: „Teste die Registrierung und die Preisseite“ oder „Konto anlegen, Artikel hinzufügen, zur Kasse gehen“.
Lesen Sie den Bericht. Mythex fasst zusammen, was es versucht hat und was schiefging, mit Screenshots, wo sie helfen.
Beheben Sie, was gefunden wurde, mit /fix oder einer normalen Build-Nachricht.
Starten Sie /test erneut, um zu bestätigen, dass die Korrektur funktioniert hat und nichts anderes kaputtging.

Wann Sie es einsetzen sollten

Nach einer großen Änderung an der Oberfläche. Ein neues Layout oder eine neue Navigation kann Abläufe brechen, die Sie nicht direkt angefasst haben.
Vor dem Veröffentlichen, um offensichtliche Fehler zu finden, bevor es Besucher tun.
Wenn die Vorschau gut aussieht, ein Ablauf aber vielleicht nicht. Mehrstufige Wege wie Registrieren, dann Anmelden, dann etwas tun, sind die, die sich am meisten zum Prüfen lohnen.

So erzielen Sie gute Ergebnisse

Je klarer die Anfrage, desto nützlicher der Bericht.

Beschreiben Sie einen Idealweg. „Konto anlegen, Artikel hinzufügen, zur Kasse gehen“ gibt dem Agenten eine klare Abfolge und ein klares Ergebnis zum Prüfen. „Teste alles“ überlässt ihm die Entscheidung, was wichtig ist.
Nennen Sie die Seiten oder Funktionen, die Sie geändert haben. Haben Sie gerade die Preisseite überarbeitet, sagen Sie das.
Testen Sie in kleinen Schleifen. Ändern Sie etwas, testen Sie, beheben Sie, testen Sie erneut. So sieht man leichter, was kaputtging, wenn sich nur eine Sache geändert hat.
Kombinieren Sie es mit Checkpoints. Hat eine Änderung mehr kaputtgemacht, als sie repariert hat, können Sie zum letzten guten Schritt zurückkehren, statt darauf weiter zu flicken.

Grenzen

Es testet die Vorschau, nicht Ihre veröffentlichte Website. Die App-Tests laufen gegen die Live-Vorschau in Ihrem privaten Arbeitsbereich. Die Version, die Besucher unter Ihrer veröffentlichten URL sehen, wird nicht geprüft. Veröffentlichen Sie separat, wenn Sie bereit sind.
Die Vorschau muss laufen. Ist sie nicht aktiv, gibt es nichts zu testen.
Es folgt den Wegen, auf die Sie es lenken. Eine fokussierte Anfrage bekommt eine fokussierte Prüfung. Es ist keine erschöpfende Testsuite.
Es berichtet, Sie entscheiden. Die App-Tests sagen Ihnen, was kaputt ist. Die Behebung ist ein eigener Schritt, mit /fix oder einer Build-Nachricht.

Wenn Sie nach dem Finden eines Problems tiefer in die Ursachensuche einsteigen wollen, führt Sie unser Leitfaden zu dem Debuggen einer mit KI gebauten App durch den Ablauf. Zur Vorschau selbst siehe ein privater Arbeitsbereich und eine Live-Vorschau für jedes Projekt.

Die Dokumentation hat die Details: App-Tests.