Test di moduli e navigazione
Testi invii di moduli, reindirizzamenti e flussi utente multipagina end-to-end.
Test di moduli e navigazione è una lezione Sveltejs Academy gratuita su CoddyKit. Questa è la lezione 3 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Sveltejs Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Sveltejs Academy include 4 lezioni in totale.
Invio dei moduli
Compili gli input e invii il modulo, quindi verifichi il risultato.
await page.getByLabel("Email").fill("a@b.com");
await page.getByRole("button", { name: "Submit" }).click();
await expect(page).toHaveURL("/dashboard");Errori di validazione
Verifichi che gli input non validi producano messaggi di errore visibili.
await page.getByRole("button", { name: "Submit" }).click();
await expect(page.getByText("Email required")).toBeVisible();Errori lato server
Esegua il mock dell'API o prepari il DB per attivare i percorsi di validazione lato server.
Flussi di reindirizzamento
Dopo l'accesso, verifichi il nuovo URL e gli elementi unici della pagina di destinazione.
Navigazione del browser
Utilizzi page.goBack() e page.goForward() per testare la cronologia.
Cookie e autenticazione
Acceda una volta e riutilizzi lo stato con storageState per velocizzare le suite.
CSRF
La protezione CSRF integrata in SvelteKit viene gestita automaticamente quando si utilizzano invii di moduli reali.
Progressive Enhancement
Verifichi che i moduli funzionino anche quando JavaScript è disabilitato modificando le impostazioni del browser.
Moduli a più passaggi
Utilizzi un Page Object per incapsulare i passaggi; verifichi lo stato intermedio se necessario.
Mocking della rete
Intercetti le chiamate API con page.route() per ottenere test deterministici.
await page.route("**/api/items", route => route.fulfill({ json: [] }));Regressione visiva
Acquisisca uno snapshot delle pagine principali dopo l'invio per rilevare modifiche UI indesiderate.
Verifica rapida
Come si riutilizza lo stato di accesso tra i test?
Riepilogo
Testi i flussi utente completi: moduli, navigazione e stati di errore. Utilizzi il mocking e storageState per mantenere le suite rapide e affidabili.
Domande Frequenti
La lezione «Test di moduli e navigazione» è gratuita?
Sì — il testo completo di «Test di moduli e navigazione» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Sveltejs Academy, passa a CoddyKit PRO. Il corso Sveltejs Academy include 4 lezioni in totale.
Cosa imparerò in «Test di moduli e navigazione»?
Testi invii di moduli, reindirizzamenti e flussi utente multipagina end-to-end. Eserciti Sveltejs Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare Sveltejs Academy?
Non è richiesta alcuna esperienza precedente. Sveltejs Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 3 di 4.
Quanto tempo richiede la lezione «Test di moduli e navigazione»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione Sveltejs Academy?
Sì. Ogni lezione Sveltejs Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Configurazione di Playwright in SvelteKit
- Scrittura di test per le interazioni delle pagine
- Test di moduli e navigazione
- Integrazione CI