Veri Alma ve Zamanlayıcıları Taklit Etme
Ağı veri alma taklitleriyle öykünün; zamanı sahte zamanlayıcılarla kontrol edin ve eşzamansız bileşenler için kararlı, hızlı testler yazın.
Veri Alma ve Zamanlayıcıları Taklit Etme, CoddyKit'te ücretsiz bir React Academy dersidir. Bu, 3 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, React Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. React Academy kursu toplamda 3 dersten oluşur.
Ağ ve zaman neden taklit edilir
Amaç: Sınamaların hızlı ve güvenilir olması için eşzamansız çalışmayı taklit etmek.
- fetch yanıtlarını sahte değerlerle değiştirin
- Zamanlayıcıları sahte saatlerle denetleyin
- findBy*/waitFor kullanarak doğrulayın
Yaygın kalıplar
- fetch: spyOn global.fetch → mockResolvedValue
- Zamanlayıcılar: vi.useFakeTimers(); zamanlayıcıları ilerletin
- Eşzamansız DOM için findBy* kullanmayı tercih edin
Örnek: tıklamayla veri alan bileşen
Sınamalarda, verilerin anında dönmesi için fetch çağrısını taklit edin. Burada arayüz, setTimeout kullanarak yavaş bir veri alma işlemini benzetir.
<div id="root"></div>
Örnek: zamanlayıcı tabanlı ileti
Beklemeyi atlamak için sınamalarda sahte zamanlayıcılar kullanın. Zamanı ilerletin ve iletiyi doğrulayın.
<div id="root"></div>
Başvuru: sınama parçacıkları
Başvuru amaçlı sınama parçacıkları (yalnızca görüntülenir): Vitest ile fetch çağrısını gözetleme ve sahte zamanlayıcı kullanma.
<div id="root"></div>
İpuçları ve dikkat edilmesi gerekenler
- Gözetleyicileri temizleyin: her sınamadan sonra mockRestore
- Eşzamansız arayüz için findBy* kullanın
- useRealTimers ile gerçek zamanlayıcılara geri dönün
Zamanlayıcıları sınamak için en iyi uygulama
Özet
Özet: Yanıtları denetlemek için fetch çağrısını taklit edin ve zamanı anında ileri sarmak için sahte zamanlayıcılar kullanın. Kararlı eşzamansız sınamalar için findBy*/waitFor ile doğrulama yapın.
Sıkça Sorulan Sorular
“Veri Alma ve Zamanlayıcıları Taklit Etme” dersi ücretsiz mi?
Evet — “Veri Alma ve Zamanlayıcıları Taklit 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 React Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. React Academy kursu toplamda 3 dersten oluşur.
“Veri Alma ve Zamanlayıcıları Taklit Etme” dersinde ne öğreneceğim?
Ağı veri alma taklitleriyle öykünün; zamanı sahte zamanlayıcılarla kontrol edin ve eşzamansız bileşenler için kararlı, hızlı testler yazın. React 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.
React Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te React 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, 3 dersinin 3. dersidir.
“Veri Alma ve Zamanlayıcıları Taklit 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 React Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her React 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
- React Testing Library + Vitest/Jest Kurulumu
- Sorgular, Olaylar, Doğrulamalar — Formlar ve Eşzamansız Arayüz
- Veri Alma ve Zamanlayıcıları Taklit Etme