Formları ve Gezinmeyi Test Etme
Form gönderimlerini, yönlendirmeleri ve çok sayfalı kullanıcı akışlarını uçtan uca test edin.
Formları ve Gezinmeyi Test Etme, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 3. 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.
Form Gönderimi
Girdileri doldurup gönderin, ardından sonucu doğrulayın.
await page.getByLabel("Email").fill("a@b.com");
await page.getByRole("button", { name: "Submit" }).click();
await expect(page).toHaveURL("/dashboard");Doğrulama Hataları
Geçersiz girdilerin görünür hata iletileri oluşturduğunu sınayın.
await page.getByRole("button", { name: "Submit" }).click();
await expect(page.getByText("Email required")).toBeVisible();Sunucu Tarafı Hataları
Sunucu tarafı doğrulama yollarını tetiklemek için API'yi taklit edin veya veri tabanını hazırlayın.
Yönlendirme Akışları
Oturum açtıktan sonra yeni URL'yi ve hedef sayfaya özgü öğeleri doğrulayın.
Tarayıcı Gezinmesi
Geçmişi sınamak için page.goBack() ve page.goForward() kullanın.
Çerezler ve Kimlik Doğrulama
Bir kez oturum açın ve daha hızlı test takımları için durumu storageState ile yeniden kullanın.
CSRF
Gerçek form gönderimlerini kullandığınızda SvelteKit'in yerleşik CSRF koruması otomatik olarak yönetilir.
Aşamalı Geliştirme
Tarayıcı ayarlarını değiştirerek JavaScript devre dışı bırakıldığında bile formların çalıştığını sınayın.
Çok Adımlı Formlar
Adımları kapsüllemek için bir Sayfa Nesnesi kullanın; gerekirse ara state'i doğrulayın.
Ağ Taklidi
Aynı sonuçları veren sınamalar için API çağrılarını page.route() ile yakalayın.
await page.route("**/api/items", route => route.fulfill({ json: [] }));Görsel Gerileme
İstenmeyen kullanıcı arayüzü değişikliklerini yakalamak için gönderimden sonra önemli sayfaların anlık görüntülerini alın.
Hızlı Kontrol
Oturum açma state'ini sınamalar arasında nasıl yeniden kullanırsınız?
Özet
Tam kullanıcı akışlarını sınayın: formlar, gezinme ve hata durumları. Test takımlarını hızlı ve güvenilir tutmak için taklit ve storageState kullanın.
Sıkça Sorulan Sorular
“Formları ve Gezinmeyi Test Etme” dersi ücretsiz mi?
Evet — “Formları ve Gezinmeyi Test Etme” 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.
“Formları ve Gezinmeyi Test Etme” dersinde ne öğreneceğim?
Form gönderimlerini, yönlendirmeleri ve çok sayfalı kullanıcı akışlarını uçtan uca test edin. 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 3. dersidir.
“Formları ve Gezinmeyi Test Etme” 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