Sorgular, Olaylar, Doğrulamalar — Formlar ve Eşzamansız Arayüz
getBy/findBy sorgularını, yazma/tıklama için user-event'i ve jest-dom doğrulamalarını kullanın. Formları ve eşzamansız ekranları güvenle test edin.
Sorgular, Olaylar, Doğrulamalar — Formlar ve Eşzamansız Arayüz, CoddyKit'te ücretsiz bir React Academy dersidir. Bu, 3 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, 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.
Kullanıcı odaklı sınama
Amaç: Kullanıcı gibi sınama yapmak.
- Sorgular: getBy*/findBy*
- Olaylar: user-event (tıklama, yazma)
- Doğrulamalar: jest-dom
Sorgular: doğru olanı seçin
- getBy*: eşzamanlıdır; öğe yoksa başarısız olur
- findBy*: eşzamansızdır; bekler
- queryBy*: öğe yoksa null döndürür
- Sınama kimlikleri yerine rol/etiket kullanmayı tercih edin
Örnek: erişilebilir giriş formu
Etiketleri ve gönderme düğmesi olan bir form. getByLabelText, getByRole ve kullanıcı yazma etkileşimi için idealdir.
<div id="root"></div>
Örnek: eşzamansız liste (yükleniyor → öğeler)
Eşzamansız veri alma benzetimi: önce bir yükleyici gösterir, ardından öğeleri görüntüler. Sınamalar findBy* veya waitFor kullanmalıdır.
<div id="root"></div>
Doğrulamalar ve olaylar
- toBeInTheDocument, toBeDisabled, toHaveTextContent
- Eşzamansız arayüz için findBy* kullanın
- fireEvent yerine user-event kullanmayı tercih edin
Kalıplar ve dikkat edilmesi gerekenler
Kalıplar:
- Hazırlayın → Uygulayın (user-event) → Doğrulayın
- Eşzamansız işlemler: await findBy* veya waitFor
- Rastgele zaman aşımı değerlerinden kaçının; sınamaları hızlı tutun
Eşzamansız doğrulama için en iyi uygulama
Özet
Özet: Rol/etiket sorgularını tercih edin, arayüzü user-event ile yönlendirin ve jest-dom ile doğrulayın. Eşzamansız arayüz için await findBy* kullanın veya işlemi waitFor içine alın.
Sıkça Sorulan Sorular
“Sorgular, Olaylar, Doğrulamalar — Formlar ve Eşzamansız Arayüz” dersi ücretsiz mi?
Evet — “Sorgular, Olaylar, Doğrulamalar — Formlar ve Eşzamansız Arayüz” 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.
“Sorgular, Olaylar, Doğrulamalar — Formlar ve Eşzamansız Arayüz” dersinde ne öğreneceğim?
getBy/findBy sorgularını, yazma/tıklama için user-event'i ve jest-dom doğrulamalarını kullanın. Formları ve eşzamansız ekranları güvenle test edin. 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 2. dersidir.
“Sorgular, Olaylar, Doğrulamalar — Formlar ve Eşzamansız Arayüz” 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