Test je app in de browser met één commando

Typ /test in de projectchat en Mythex test je app zoals een persoon dat zou doen: het opent de live preview in een browser, bezoekt pagina's, klikt op knoppen en vult formulieren in, en meldt daarna in de chat wat werkte en wat niet. Je kunt het op een specifieke stroom richten, zoals „test aanmelden en de prijspagina”, of het de voor de hand liggende route door de app laten nemen.

Wat het doet

App Testing oefent je live preview uit, niet alleen je code. Mythex bestuurt een browser tegen de draaiende app, legt vast wat het ziet, inclusief screenshots wanneer die nuttig zijn, en schrijft een samenvatting van de resultaten in de chat.

Dat is een ander soort controle dan de broncode lezen. Code kan er goed uitzien en toch falen in gebruik: een knop die aan de verkeerde handler is gekoppeld, een formulier dat verstuurt maar nooit een bevestiging toont, of een pagina die pas breekt nadat je bent ingelogd. De enige manier om die te vinden is de app gebruiken, en App Testing doet dat voor je.

Waarom het helpt

Wanneer je met een agent bouwt, is de preview hoe je voortgang beoordeelt. Je klikt rond, het lijkt goed, je gaat verder. Maar na elke wijziging elke stroom doorklikken wordt vervelend, en het is makkelijk de pagina te controleren die je net veranderde en de pagina te missen die stilletjes kapot ging.

App Testing maakt van „werkt het nog?” één bericht. Je beschrijft het pad dat ertoe doet, de agent loopt het af, en je krijgt een rapport waarmee je iets kunt doen. Omdat het in dezelfde chat draait, is de oplossing één bericht verder.

Zo voer je het uit

Zorg dat Preview draait en je app toont. App Testing werkt tegen de preview, dus als de preview leeg is of nog opstart, wacht dan of los dat eerst op.
Typ /test in de projectchat. Je kunt ook gewoon vragen: „test de app in de browser” werkt ook.
Zeg waar je op wilt letten, als je dat wilt. Bijvoorbeeld: „test aanmelden en de prijspagina”, of „maak een account aan, voeg een item toe, rond de bestelling af”.
Lees het rapport. Mythex vat samen wat het probeerde en wat er misging, met screenshots waar die helpen.
Los op wat het vond met /fix of een gewoon Build-bericht.
Draai /test opnieuw om te bevestigen dat de oplossing werkte en niets anders brak.

Wanneer je het gebruikt

Na een grote UI-wijziging. Een nieuwe lay-out of navigatie kan stromen breken die je niet direct hebt aangeraakt.
Voor je publiceert, om voor de hand liggende fouten te vangen voordat bezoekers ze vinden.
Wanneer de preview er goed uitziet maar een stroom misschien niet. Meerstapspaden (aanmelden, dan inloggen, dan iets doen) zijn het meest de moeite waard om te controleren.

Goede resultaten krijgen

Hoe duidelijker het verzoek, hoe nuttiger het rapport.

Beschrijf een happy path. „Maak een account aan, voeg een item toe, rond de bestelling af” geeft de agent een duidelijke volgorde om te volgen en een duidelijk resultaat om te controleren. „Test alles” laat hem raden wat ertoe doet.
Noem de pagina's of functies die je hebt gewijzigd. Als je net de prijspagina hebt herzien, zeg dat.
Test in kleine lussen. Verander iets, test het, los het op, test opnieuw. Dan is het makkelijker te zien wat brak, als maar één ding is veranderd.
Combineer het met checkpoints. Als een wijziging meer kapot maakte dan ze oploste, kun je terugkeren naar de laatste goede beurt in plaats van er bovenop te blijven patchen.

Beperkingen

Het test de preview, niet je gepubliceerde site. App Testing draait tegen de live preview in je privéwerkruimte. Het controleert niet de versie die bezoekers op je gepubliceerde URL zien. Publiceer apart wanneer je klaar bent.
De preview moet draaien. Als die niet omhoog is, is er niets om te testen.
Het volgt de paden waarnaar je wijst. Een gerichte vraag krijgt een gerichte controle; het is geen uitputtende testsuite.
Het meldt; jij beslist. App Testing vertelt je wat er kapot is. Oplossen is een aparte stap, met /fix of een Build-bericht.

Wil je dieper graven om een probleem op te sporen dat je hebt gevonden, dan beschrijft onze gids over hoe je een met AI gebouwde app debugt het proces. Voor de preview zelf, zie een privéwerkruimte en live preview voor elk project.

De documentatie-pagina heeft de details: App Testing.