SvelteKit'te Playwright Kurulumu
Resmî entegrasyonla bir SvelteKit projesi için Playwright'ı kurun ve yapılandırın.
SvelteKit'te Playwright Kurulumu, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 1. 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.
Playwright Nedir
Playwright, Chromium, Firefox ve WebKit'i destekleyen modern bir uçtan uca test çerçevesidir.
Yükleme
SvelteKit'in create-svelte sihirbazı Playwright'ı ekleyebilir; aksi hâlde elle yükleyin.
npm init playwright@latestYapılandırma
Sihirbaz, tarayıcı ayarları, test dizini ve uygulamanızı başlatan webServer kancasıyla birlikte bir playwright.config.js oluşturur.
webServer Ayarı
Playwright, testlerden önce npm run build && npm run preview komutlarını otomatik olarak başlatabilir.
webServer: { command: "npm run build && npm run preview", port: 4173 }Klasör Yapısı
Testler tests/ veya e2e/ içinde bulunur. Genellikle her özellik için bir dosya kullanılır.
Testleri Çalıştırma
Çalıştırmak için npm betiğini kullanın.
npm run test:e2eKullanıcı Arayüzü Kipi
Playwright'ın kullanıcı arayüzü kipi, zamanda geriye doğru hata ayıklama olanağı sağlar.
npx playwright test --uiTest Oluşturma
codegen komutu etkileşimleri kaydeder ve testleri sizin için yazar.
npx playwright codegen http://localhost:5173Çapraz Tarayıcı
Geniş kapsam sağlamak için testler birden çok tarayıcıda paralel olarak çalışır.
İz Görüntüleyici
Başarısız testler, hızlı hata ayıklama için playwright show-trace ile görüntüleyebileceğiniz izler oluşturur.
CI Entegrasyonu
Playwright, resmî kapsayıcı görüntüleriyle GitHub Actions, GitLab CI ve benzeri ortamlarda çalışır.
Hızlı Kontrol
Playwright'ın webServer'ı ne yapar?
Özet
Playwright'ı sihirbazla kurun. Uygulamanızı otomatik olarak başlatmak için webServer'ı yapılandırın ve testleri npm run test:e2e ile çalıştırın.
Sıkça Sorulan Sorular
“SvelteKit'te Playwright Kurulumu” dersi ücretsiz mi?
Evet — “SvelteKit'te Playwright Kurulumu” 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.
“SvelteKit'te Playwright Kurulumu” dersinde ne öğreneceğim?
Resmî entegrasyonla bir SvelteKit projesi için Playwright'ı kurun ve yapılandırı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 1. dersidir.
“SvelteKit'te Playwright Kurulumu” 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