Scrittura di test per le interazioni delle pagine
Faccia clic, compili moduli e verifichi lo stato del DOM usando la potente API di Playwright.
Scrittura di test per le interazioni delle pagine è una lezione Sveltejs Academy gratuita su CoddyKit. Questa è la lezione 2 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.
Test di base
Ogni test importa test ed expect da Playwright.
import { test, expect } from "@playwright/test";
test("homepage", async ({ page }) => {
await page.goto("/");
await expect(page).toHaveTitle(/My App/);
});Navigazione
Utilizzi page.goto(url) per visitare le pagine e page.click() per navigare tramite i clic.
Selettori
Utilizzi locator basati su ruolo, testo o test-id per ottenere selettori più resistenti.
await page.getByRole("button", { name: "Save" }).click();Compilazione dei moduli
Utilizzi fill, type, check e selectOption.
await page.getByLabel("Email").fill("user@example.com");Asserzioni
Utilizzi expect(locator) per asserzioni con retry come toBeVisible e toHaveText.
Async/Await
Ogni action è asincrona. Attenda sempre.
Attesa automatica
Playwright attende automaticamente che gli elementi siano pronti per l'interazione. In questo modo i test instabili sono meno numerosi.
Screenshot
Acquisisca screenshot in caso di errore o come parte dei test di regressione visiva.
await page.screenshot({ path: "result.png" });Modalità headless
Per impostazione predefinita, i test vengono eseguiti in modalità headless. Attivi la modalità headed con --headed per osservarli.
Test paralleli
Playwright esegue i test in parallelo per worker. Utilizzi uno stato isolato (cookie e storage).
Utilizzare il Page Object Model
Per suite di grandi dimensioni, incapsuli in classi i selettori e le azioni specifici di ogni pagina.
Verifica rapida
Quale tipo di locator è più resiliente?
Riepilogo
Scriva test delle interazioni con goto, click, fill e locator basati sui ruoli. Utilizzi expect per asserzioni con nuovi tentativi automatici.
Domande Frequenti
La lezione «Scrittura di test per le interazioni delle pagine» è gratuita?
Sì — il testo completo di «Scrittura di test per le interazioni delle pagine» è 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 «Scrittura di test per le interazioni delle pagine»?
Faccia clic, compili moduli e verifichi lo stato del DOM usando la potente API di Playwright. 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 2 di 4.
Quanto tempo richiede la lezione «Scrittura di test per le interazioni delle pagine»?
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