Tests für Seiteninteraktionen schreiben
Klicken Sie, füllen Sie Formulare aus und prüfen Sie den DOM-Zustand mithilfe der leistungsfähigen Playwright-API.
Tests für Seiteninteraktionen schreiben ist eine kostenlose Sveltejs Academy-Lektion auf CoddyKit. Dies ist Lektion 2 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Sveltejs Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Basistest
Jeder Test importiert test und expect aus Playwright.
import { test, expect } from "@playwright/test";
test("homepage", async ({ page }) => {
await page.goto("/");
await expect(page).toHaveTitle(/My App/);
});Navigation
Verwenden Sie page.goto(url), um Seiten aufzurufen, und page.click(), um per Klick zu navigieren.
Selektoren
Verwenden Sie Locators nach Rolle, Text oder Test-ID für robuste Selektoren.
await page.getByRole("button", { name: "Save" }).click();Formulare ausfüllen
Verwenden Sie fill, type, check und selectOption.
await page.getByLabel("Email").fill("user@example.com");Assertions
Verwenden Sie expect(locator) für wiederholte Assertions wie toBeVisible und toHaveText.
Async/Await
Jede Aktion ist asynchron. Verwenden Sie immer await.
Automatisches Warten
Playwright wartet automatisch, bis Elemente verwendet werden können. Dadurch gibt es weniger instabile Tests.
Screenshots
Erstellen Sie bei Fehlern oder als Teil einer visuellen Regressionstests Screenshots.
await page.screenshot({ path: "result.png" });Headless-Modus
Tests laufen standardmäßig ohne sichtbaren Browser. Aktivieren Sie mit --headed den Modus mit sichtbarem Browser, um zuzusehen.
Parallele Tests
Playwright führt Tests pro Worker parallel aus. Verwenden Sie einen isolierten Zustand (Cookies, Storage).
Page-Object-Modell verwenden
Bei großen Testsammlungen kapseln Sie seitenspezifische Selektoren und Aktionen in Klassen.
Schnelltest
Welcher Locator-Typ ist am robustesten?
Zusammenfassung
Schreiben Sie Interaktionstests mit goto, click, fill und rollenbasierten Locators. Verwenden Sie expect für Assertions mit automatischen Wiederholungsversuchen.
Häufig gestellte Fragen
Ist die Lektion „Tests für Seiteninteraktionen schreiben“ kostenlos?
Ja — der vollständige Text von „Tests für Seiteninteraktionen schreiben“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Sveltejs Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Tests für Seiteninteraktionen schreiben“?
Klicken Sie, füllen Sie Formulare aus und prüfen Sie den DOM-Zustand mithilfe der leistungsfähigen Playwright-API. Du übst Sveltejs Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Sveltejs Academy zu starten?
Keine Vorkenntnisse erforderlich. Sveltejs Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 2 von 4.
Wie lange dauert die Lektion „Tests für Seiteninteraktionen schreiben“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Sveltejs Academy-Lektion Code schreiben und ausführen?
Ja. Jede Sveltejs Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Playwright-Einrichtung in SvelteKit
- Tests für Seiteninteraktionen schreiben
- Formulare und Navigation testen
- CI-Integration