For AI agents: fetch the complete documentation index at /llms.txt, the full documentation corpus at /llms-full.txt, the agent skill at /skill.md, or this page as Markdown at /nl/docs/web/testing.md (or send Accept: text/markdown).
Teststrategie
Begrijp wat deterministische, browser-, database- en providerchecks vaststellen.
Setup en configuratie
Lees vóór elke stap Voordat u begint en Basisbeginselen van de terminal. Deze instructies gaan ervan uit dat je de volledige supastack monorepo in VS Code hebt geopend; zijn root package.json markeert de root van de repository. In pnpm-opdrachten is een werkruimtepakket een app of map met gedeelde code; in het product is een werkruimte de gegevenscontainer en de beveiligingsgrens van een team. corepack pnpm --filter ... selecteert één pakket uit de monorepo terwijl opdrachten vanuit de root worden uitgevoerd. Als u alleen een gesynchroniseerde mobiele map of desktopmap hebt geopend, bevat deze niet de webbackend, Docker-installatie of rootscripts: voer de backend uit vanaf deze monorepo of een bereikbare gehoste server en gebruik de eigen scripts van de platformmap. Een omgevingsvariabele is een benoemde instelling die is opgeslagen in een lokaal .env-bestand of op uw hostingdashboard; start de relevante app opnieuw nadat u deze hebt gewijzigd en houd servergeheimen buiten de NEXT_PUBLIC_- en EXPO_PUBLIC_-waarden.
1. Open de repository-root package.json om de controleopdrachten te bekijken.
2. Voer vanuit die hoofdmap corepack pnpm test uit voor geautomatiseerde unit-tests en vervolgens corepack pnpm --filter @supastack/web typecheck voor Web TypeScript-controles.
3. Voor browsergedrag start u de webapp en voert u corepack pnpm test:e2e uit. Verwacht: elk commando rapporteert zijn eigen resultaat; een unittest bewijst niet dat een echte database, betalingsprovider, e-mailservice of telefoon werkt.
De default testsuite gebruikt deterministische fake/lokale adapters. Browsertests dekken gebruikersinteracties; database-acceptatie en externe provider-smoke zijn aparte gates. Draai checks die relevant zijn voor het gewijzigde gedrag voordat je de scope verbreedt.
corepack pnpm test
corepack pnpm check
corepack pnpm build
corepack pnpm test:e2e
corepack pnpm test:e2e:productionCommando's om te kopiëren
Volg de opmerkingen om te zien in welke map een opdracht wordt uitgevoerd. Als twee terminals zijn gelabeld, opent u twee terminalvensters en laat u de eerste opdracht draaien terwijl u de tweede gebruikt.
corepack pnpm test
corepack pnpm --filter @supastack/web typecheck
corepack pnpm test:e2eImplementatieworkflow
Schrijf voor gedragswijzigingen eerst een falende acceptatietest. Koppel succesvolle toegang aan geweigerde anonieme en cross-workspace-requests. Verifieer bij formulieren en taakflows ook laad-, error- en recoverygedrag naast het happy path.
Een onderschepte browserresponse bewijst dat de interface op die fixture reageert. Het bewijst geen authenticatiepersistentie, betaalverwerking, provideraflevering of een fysieke-apparaatcallback.
Verificatie en probleemoplossing
Als uit een databasetest blijkt dat deze is overgeslagen, stelt u de geïsoleerde testdatabase in voordat u de databasedekking rapporteert. Als een webtabblad zich op poort 3001 bevindt, is dit de afzonderlijke apps/docs-server; de kit-webapp start op poort 3000. Als Playwright faalt bij de eerste keer dat Windows wordt uitgevoerd, laat de browserinstallatie dan eindigen en voer de mislukte opdracht opnieuw uit; Schakel nooit de systeembrede beveiliging uit om er omheen te werken.
Als een database-gated test skipt, configureer dan de geïsoleerde testdatabase voordat je claimt dat die gate slaagde. Als een browserrunner slagende assertions uitvoert maar hangt tijdens teardown, rapporteer dan beide feiten; een vastgelopen proces is geen clean succesvol commando.
In Windows kan er een time-out optreden bij de eerste browseruitvoering terwijl Defender nieuw geïnstalleerde Playwright-browsers of afhankelijkheden scant. Laat de installatie voltooien, voer de mislukte suite opnieuw uit met corepack pnpm test:e2e of corepack pnpm test:e2e:production en inspecteer de tracering en Defender Protection History als deze opnieuw mislukt. Laat de systeembrede bescherming ingeschakeld.
De lokale browsersuite is eigenaar van poort 3100 en weigert een proces dat daar al luistert opnieuw te gebruiken. Stel PLAYWRIGHT_PORT in op een vrije poort vóór corepack pnpm test:e2e als een andere app 3100 bezit; dit voorkomt dat tests zich stilletjes op een ander project richten.