Sayfa Etkileşimi Testleri Yazma
Playwright'ın güçlü API'sini kullanarak tıklayın, formları doldurun ve DOM durumunu doğrulayın.
Sayfa Etkileşimi Testleri Yazma, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 2. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Sveltejs Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Sveltejs Academy kursu toplamda 4 dersten oluşur.
Temel Test
Her test, Playwright'tan test ve expect'i içe aktarır.
import { test, expect } from "@playwright/test";
test("homepage", async ({ page }) => {
await page.goto("/");
await expect(page).toHaveTitle(/My App/);
});Gezinme
Sayfaları ziyaret etmek için page.goto(url), tıklamalarla gezinmek için page.click() kullanın.
Seçiciler
Dayanıklı seçiciler için rol, metin veya test kimliği konumlayıcılarını kullanın.
await page.getByRole("button", { name: "Save" }).click();Formları Doldurma
fill, type, check ve selectOption kullanın.
await page.getByLabel("Email").fill("user@example.com");Doğrulamalar
toBeVisible ve toHaveText gibi yeniden denenen doğrulamalar için expect(locator) kullanın.
Async/Await
Her eylem zaman uyumsuzdur. Her zaman await kullanın.
Otomatik Bekleme
Playwright, ögelerin eyleme hazır olmasını otomatik olarak bekler. Böylece kararsız testler azalır.
Ekran Görüntüleri
Hata durumunda veya görsel gerileme sürecinin bir parçası olarak ekran görüntüleri alın.
await page.screenshot({ path: "result.png" });Başsız Kip
Testler varsayılan olarak başsız çalışır. İzlemek için --headed ile pencereli kipi etkinleştirin.
Paralel Testler
Playwright, testleri her çalışan için paralel olarak yürütür. Yalıtılmış durum kullanın (çerezler, depolama).
Sayfa Nesnesi Modelini Kullan
Büyük test takımlarında, sayfaya özgü yer bulucuları ve eylemleri sınıflar içinde kapsülleyin.
Hızlı Kontrol
Hangi yer bulucu türü en dayanıklıdır?
Özet
Sayfaya gitme, click, fill ve rol tabanlı yer bulucularla etkileşim sınamaları yazın. Yeniden denenen doğrulamalar için beklenti yardımcılarını kullanın.
Yapay zeka eğitmeniyle HTML öğren — ücretsiz
Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.
- Kurslar
- 41
- Dersler
- 163
Sıkça Sorulan Sorular
“Sayfa Etkileşimi Testleri Yazma” dersi ücretsiz mi?
Evet — “Sayfa Etkileşimi Testleri Yazma” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Sveltejs Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Sveltejs Academy kursu toplamda 4 dersten oluşur.
“Sayfa Etkileşimi Testleri Yazma” dersinde ne öğreneceğim?
Playwright'ın güçlü API'sini kullanarak tıklayın, formları doldurun ve DOM durumunu doğrulayın. Sveltejs Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Sveltejs Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Sveltejs Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 2. dersidir.
“Sayfa Etkileşimi Testleri Yazma” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Sveltejs Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Sveltejs Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- SvelteKit'te Playwright Kurulumu
- Sayfa Etkileşimi Testleri Yazma
- Formları ve Gezinmeyi Test Etme
- CI Entegrasyonu