Test af formularer og navigation
Test formularafsendelser, redirects og brugerflows på tværs af flere sider fra start til slut.
Test af formularer og navigation er en gratis Sveltejs Academy-lektion på CoddyKit. Dette er lektion 3 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i Sveltejs Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Sveltejs Academy-kurset indeholder 4 lektioner i alt.
Indsendelse af formular
Udfyld inputfelter, indsend formularen, og kontrollér derefter resultatet.
await page.getByLabel("Email").fill("a@b.com");
await page.getByRole("button", { name: "Submit" }).click();
await expect(page).toHaveURL("/dashboard");Valideringsfejl
Test, at ugyldige input giver synlige fejlmeddelelser.
await page.getByRole("button", { name: "Submit" }).click();
await expect(page.getByText("Email required")).toBeVisible();Fejl på serversiden
Mock API'et, eller opret testdata i databasen for at udløse valideringsforløb på serversiden.
Omdirigeringsforløb
Efter login skal du kontrollere den nye URL og elementer, der er unikke for destinationssiden.
Navigation i browseren
Brug page.goBack() og page.goForward() til at teste historikken.
Cookies og godkendelse
Log ind én gang, og genbrug tilstanden med storageState for at få hurtigere testpakker.
CSRF
SvelteKits indbyggede CSRF-beskyttelse håndteres automatisk, når du bruger rigtige formularindsendelser.
Progressiv forbedring
Test, at formularer fungerer, selv når JavaScript er deaktiveret, ved at skifte browserindstillingerne.
Formularer i flere trin
Brug et Page Object til at indkapsle trinnene, og kontrollér den mellemliggende tilstand efter behov.
Netværksmocking
Interceptér API-kald med page.route() for at få deterministiske test.
await page.route("**/api/items", route => route.fulfill({ json: [] }));Visuel regression
Tag snapshots af vigtige sider efter indsendelse for at opdage utilsigtede ændringer i brugerfladen.
Hurtigt tjek
Hvordan genbruger du login-tilstanden på tværs af test?
Opsummering
Test komplette brugerforløb: formularer, navigation og fejltilstande. Brug mocking og storageState for at holde testpakkerne hurtige og pålidelige.
Lær HTML med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 41
- Lektioner
- 163
Ofte stillede spørgsmål
Er lektionen “Test af formularer og navigation” gratis?
Ja — hele teksten til “Test af formularer og navigation” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af Sveltejs Academy-kurset, skal du opgradere til CoddyKit PRO. Sveltejs Academy-kurset indeholder 4 lektioner i alt.
Hvad lærer jeg i “Test af formularer og navigation”?
Test formularafsendelser, redirects og brugerflows på tværs af flere sider fra start til slut. Du øver dig i Sveltejs Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på Sveltejs Academy?
Der kræves ingen tidligere erfaring. Sveltejs Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 3 af 4.
Hvor lang tid tager lektionen “Test af formularer og navigation”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne Sveltejs Academy-lektion?
Ja. Alle Sveltejs Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- Opsætning af Playwright i SvelteKit
- Skrivning af tests af sideinteraktioner
- Test af formularer og navigation
- CI-integration