Özet - İleri testler

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.

Örnek çözümü göster

import { render, screen } from '@testing-library/react';
import UserCard from './UserCard';

test('kullanıcı gösterir', () => {
  render(<UserCard />);
  expect(screen.getByText('Ayşe')).toBeInTheDocument();
});

Kendini test et

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
Cevabı göster

fireEvent DOM olaylarını taklit eder — fireEvent tıklama ve yazma gibi olayları taklit eder.

Boşluğu doldur: sunucuyu dinlemeye başlat

beforeAll(() => server.____());

Cevabı göster

beforeAll(() => server.listen());

Kavramları eşleştir

render

DOM'a çıkarır
setupServer

MSW sunucusu kurar
thresholds

Alt sınır koyar
getByText

Metinle bulur

Sıradaki ders: CI/CD temelleri

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler