Pisanie testów interakcji ze stroną
Klikaj, wypełniaj formularze i sprawdzaj stan DOM za pomocą rozbudowanego API Playwright.
Pisanie testów interakcji ze stroną to bezpłatna lekcja Sveltejs Academy na CoddyKit. To lekcja 2 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Sveltejs Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Sveltejs Academy zawiera 4 lekcji w sumie.
Podstawowy test
Każdy test importuje test i expect z Playwright.
import { test, expect } from "@playwright/test";
test("homepage", async ({ page }) => {
await page.goto("/");
await expect(page).toHaveTitle(/My App/);
});Nawigacja
Użyj page.goto(url), aby odwiedzać strony, oraz page.click(), aby nawigować za pomocą kliknięć.
Selektory
Używaj lokalizatorów opartych na roli, tekście lub identyfikatorze testowym, aby tworzyć odporne selektory.
await page.getByRole("button", { name: "Save" }).click();Wypełnianie formularzy
Użyj fill, type, check i selectOption.
await page.getByLabel("Email").fill("user@example.com");Asercje
Używaj expect(locator) do ponawianych asercji, takich jak toBeVisible i toHaveText.
Async/Await
Każda akcja jest asynchroniczna. Zawsze używaj await.
Automatyczne oczekiwanie
Playwright automatycznie czeka, aż elementy będą gotowe do interakcji. Dzięki temu testy są mniej niestabilne.
Zrzuty ekranu
Wykonuj zrzuty ekranu po niepowodzeniu testu lub w ramach regresji wizualnej.
await page.screenshot({ path: "result.png" });Tryb bez interfejsu
Domyślnie testy są uruchamiane bez interfejsu. Włącz tryb z interfejsem za pomocą --headed, aby obserwować ich przebieg.
Testy równoległe
Playwright uruchamia testy równolegle dla każdego workera. Używaj izolowanego stanu (cookies, storage).
Używanie wzorca Page Object Model
W przypadku dużych zestawów testów należy hermetyzować selektory i akcje właściwe dla stron w klasach.
Szybkie sprawdzenie
Który typ lokatora jest najbardziej odporny na zmiany?
Podsumowanie
Testy interakcji należy pisać za pomocą goto, click, fill oraz lokatorów opartych na rolach. Do asercji z ponawianiem prób należy używać expect.
Ucz się HTML dzięki korepetycjom AI — za darmo
Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.
- Kursy
- 41
- Lekcje
- 163
Często zadawane pytania
Czy lekcja „Pisanie testów interakcji ze stroną” jest bezpłatna?
Tak — pełny tekst „Pisanie testów interakcji ze stroną” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Sveltejs Academy, przejdź na CoddyKit PRO. Kurs Sveltejs Academy zawiera 4 lekcji w sumie.
Co nauczysz się w „Pisanie testów interakcji ze stroną”?
Klikaj, wypełniaj formularze i sprawdzaj stan DOM za pomocą rozbudowanego API Playwright. Ćwiczysz Sveltejs Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.
Czy potrzebuję doświadczenia, aby zacząć Sveltejs Academy?
Nie wymagamy żadnego doświadczenia. Sveltejs Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 2 z 4.
Ile czasu zajmuje lekcja „Pisanie testów interakcji ze stroną”?
Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.
Czy mogę pisać i uruchamiać kod w tej lekcji Sveltejs Academy?
Tak. Każda lekcja Sveltejs Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.
Wszystkie lekcje w tym kursie
- Konfiguracja Playwright w SvelteKit
- Pisanie testów interakcji ze stroną
- Testowanie formularzy i nawigacji
- Integracja z CI