Store'ları ve Reaktiviteyi Test Etme
Svelte store'larını yalıtılmış olarak test edin ve türetilmiş değerlerin doğru güncellendiğini doğrulayın.
Store'ları ve Reaktiviteyi 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.
Yalıtılmış Mağazalar
Svelte mağazalarını içe aktararak ve güncellemelerden sonraki değerlerini doğrulayarak test edin.
import { count } from "$lib/stores";
import { get } from "svelte/store";
count.set(5);
expect(get(count)).toBe(5);get Yardımcısı
get(store), geçerli değeri eşzamanlı olarak okur ve testlerde kullanışlıdır.
Testlerde Abone Olma
Yayımlanan her değeri yakalamak için doğrudan abone olabilirsiniz.
const values = [];
const unsub = count.subscribe(v => values.push(v));
count.set(1);
unsub();Türetilmiş Mağazalar
Kaynak değerleri ayarlayıp türetilen çıktıyı okuyarak türetilmiş mağazaları test edin.
Özel Mağaza Yöntemleri
Mağazanızın özel eylemlerini çağırın ve durumu doğrulayın.
Zaman Uyumsuz Mağazalar
Zaman uyumsuz mağazalar için mikro görevleri await ile bekleyin veya sahte zamanlayıcılar kullanıyorsanız vi.runAllTimers kullanın.
Testler Arasında Sıfırlama
Testler arası kirlenmeyi önlemek için mağazaları beforeEach içinde sıfırlayın.
Tepkisel Component'ler
Tepkisel güncellemeleri doğrulamak için bir Component oluşturun ve testin içinde bir mağazaya abone olun.
Component'lerde Mağazalar
Tam tepkisel akışları test etmek için render + mağaza güncellemeleri + doğrulamaları birleştirin.
Tür Güvenliği
TypeScript ile mağaza türleri, güvenli doğrulamalar için testlere aktarılır.
Sahte Nesneler
Component mantığını verilerinden yalıtırken mağazaları sahteleyin.
Hızlı Kontrol
Testlerde bir mağaza değerini nasıl okursunuz?
Özet
Mağazaları get(store), abonelikler ve beforeEach içindeki sıfırlamalarla test edin. Component testleri için render ile birleştirin.
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
“Store'ları ve Reaktiviteyi Test Etme” dersi ücretsiz mi?
Evet — “Store'ları ve Reaktiviteyi 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.
“Store'ları ve Reaktiviteyi Test Etme” dersinde ne öğreneceğim?
Svelte store'larını yalıtılmış olarak test edin ve türetilmiş değerlerin doğru güncellendiğini 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 3. dersidir.
“Store'ları ve Reaktiviteyi 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
- Svelte Projeleri için Vitest Kurulumu
- @testing-library/svelte: render ve fireEvent
- Store'ları ve Reaktiviteyi Test Etme
- Modülleri ve Fetch İşlemlerini Taklit Etme