Testing av skjemaer og navigasjon
Test innsending av skjemaer, omdirigeringer og brukerflyter over flere sider fra ende til ende.
Testing av skjemaer og navigasjon er en gratis leksjon i Sveltejs Academy på CoddyKit. Dette er leksjon 3 av 4. Du kan lese hele leksjonen gratis nedenfor – og deretter øve praktisk i nettleseren med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i Sveltejs Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i Sveltejs Academy inneholder totalt 4 leksjoner.
Skjemainnsending
Fyll ut feltene og send inn skjemaet, og verifiser deretter resultatet.
await page.getByLabel("Email").fill("a@b.com");
await page.getByRole("button", { name: "Submit" }).click();
await expect(page).toHaveURL("/dashboard");Valideringsfeil
Test at ugyldige inndata fører til synlige feilmeldinger.
await page.getByRole("button", { name: "Submit" }).click();
await expect(page.getByText("Email required")).toBeVisible();Feil på serversiden
Mock API-et eller fyll DB-en med testdata for å utløse valideringsbaner på serversiden.
Omdirigeringsflyter
Etter innlogging må du verifisere den nye URL-en og elementer som er unike for målsiden.
Nettlesernavigering
Bruk page.goBack() og page.goForward() for å teste historikken.
Informasjonskapsler og autentisering
Logg inn én gang og gjenbruk tilstanden med storageState for raskere testpakker.
CSRF
SvelteKits innebygde CSRF-beskyttelse håndteres automatisk når du bruker reelle skjemainnsendinger.
Progressiv forbedring
Test at skjemaer fungerer selv når JavaScript er deaktivert, ved å endre nettleserinnstillingene.
Flertrinnsskjemaer
Bruk et Page Object til å kapsle inn trinnene, og verifiser mellomtilstanden ved behov.
Nettverksmocking
Avskjær API-kall med page.route() for deterministiske tester.
await page.route("**/api/items", route => route.fulfill({ json: [] }));Visuell regresjon
Ta øyeblikksbilder av viktige sider etter innsending for å oppdage utilsiktede endringer i brukergrensesnittet.
Hurtigsjekk
Hvordan gjenbruker du innloggingsstatus på tvers av tester?
Oppsummering
Test komplette brukerflyter: skjemaer, navigering og feiltilstander. Bruk mocking og storageState for å holde testpakkene raske og pålitelige.
Lær deg HTML med en AI-veileder – gratis
Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.
- Kurs
- 41
- Leksjoner
- 163
Ofte stilte spørsmål
Er leksjonen «Testing av skjemaer og navigasjon» gratis?
Ja – hele teksten i «Testing av skjemaer og navigasjon» er gratis å lese her på nettet. For å øve interaktivt med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt, og for å låse opp resten av Sveltejs Academy-kurset, kan du oppgradere til CoddyKit PRO. Kurset i Sveltejs Academy inneholder totalt 4 leksjoner.
Hva lærer jeg i «Testing av skjemaer og navigasjon»?
Test innsending av skjemaer, omdirigeringer og brukerflyter over flere sider fra ende til ende. Du øver på Sveltejs Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.
Trenger jeg erfaring for å begynne med Sveltejs Academy?
Ingen tidligere erfaring er nødvendig. Sveltejs Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 3 av 4.
Hvor lang tid tar leksjonen «Testing av skjemaer og navigasjon»?
De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.
Kan jeg skrive og kjøre kode i denne Sveltejs Academy-leksjonen?
Ja. Alle Sveltejs Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.
Alle leksjonene i dette kurset
- Playwright-oppsett i SvelteKit
- Skrive tester av sideinteraksjoner
- Testing av skjemaer og navigasjon
- CI-integrasjon