Özet - İleri testler
- React kursu
- İleri seviye
- Ders 48/56
- 5 dk
Bir sepet akışını MSW ile mock'layıp test edersin.
Özet - İleri testler
Bu grupta entegrasyon testi, MSW ile sahte API ve coverage ölçümünü öğrendin.
Testing Library ile kullanıcı gibi sorgularsın; MSW ile ağ çağrılarını yakalayıp sahte yanıt verirsin; coverage eşikleri ile kalıteyi korursun.
Şimdi bu üçünü bir araya getiren bir test yazacaksın.
Uygulama UserCard testini yaz
UserCard.test.jsx yaz. render ile <UserCard /> çiz, screen.getByText('Ayşe') ile bul ve expect(...).toBeInTheDocument() doğrula. test('kullanıcı gösterir', () => {}) kullan.
Başlangıç kodu
// UserCard testini buraya yazÖrnek çözüm
import { render, screen } from '@testing-library/react';
import UserCard from './UserCard';
test('kullanıcı gösterir', () => {
render(<UserCard />);
expect(screen.getByText('Ayşe')).toBeInTheDocument();
});Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Aşağıdakilerden hangisi doğrudur?
- MSW yalnızca istemcide çalışır
- Coverage yüzde 100 tüm hataları bulur
- getByText iç state'i okur
- fireEvent DOM olaylarını taklit eder Doğru cevap
Açıklama: fireEvent tıklama ve yazma gibi olayları taklit eder.
2 Boşluğu doldur: sunucuyu dinlemeye başlat
Soru
beforeAll(() => server.____());
Cevap
beforeAll(() => server.listen());Açıklama: server.listen() ile dinleme başlar.
3 Kavramları eşleştir
| Kavram | Anlamı |
|---|---|
render |
DOM'a çıkarır |
setupServer |
MSW sunucusu kurar |
thresholds |
Alt sınır koyar |
getByText |
Metinle bulur |