JavaScript Testing Patterns

Jest, Vitest ve Testing Library kullanarak JavaScript ve TypeScript için kapsamlı bir test kılavuzu.

Sahte nesneler, sabit verileri, bağımlılık enjeksiyonu ve TDD akışlarıyla birim, entegrasyon ve bileşen testlerini kapsar; tümü Hazırla-Uygula-Doğrula yapısı ve test izolasyonu disipliniyle kurulmuştur.

₺369 tek seferlik
Bir kit içine ekle →

Fiyatlara KDV (%20) dahildir. · Gerçek ajans işinden çıkarıldı · tek seferlik, kilit yok

  • Tür Skill
  • Kategori Geliştirme
  • Teslimat E-posta · anında
  • Lisans Tek seferlik
Çalışma önizlemesi
forgehouse, javascript-testing-patterns

Çalışmanın içinden · kara kutu yok

Satın almadan önce işin kendisini gör.

Bir JS/TS test paketi kurulurken skill'in işlettiği gerçek döngü. Kara kutu yok, yaptığı iş budur:

  1. Framework config'ini şablon değil kalite kapısı olarak kurar: Jest veya Vitest'te coverageThreshold branch, fonksiyon, satır ve statement için yüzde 80'e sabitlenir, setup dosyası ve v8 coverage raporu bağlanır. Eşiğin altı CI'da düşer.
  2. Her testi Arrange-Act-Assert ile yapılandırır: beforeEach taze servis instance'ı kurar ve vi.clearAllMocks() çağırır, act fazı tek davranışı çalıştırır, assert fazı onu doğrular. Testler arası paylaşılan state, kararsız (flaky) koşuların bir numaralı sebebi sayılır.
  3. Test double seviyesini bilinçli seçer: yalnız 'çağrıldı mı' kontrolü için vi.fn(), nodemailer gibi bir modülü komple stub'lamak için vi.mock(), tasarım dependency injection kullanıyorsa enjekte edilen mock repository. Yanlış seviye ya yavaş test ya sahte güven üretir.
  4. Entegrasyon testlerini gerçek altyapıya karşı yazar: supertest gerçek HTTP uygulamasını sürer, her testten önce tablo truncate edilir ve paket mutsuz yolları da kapsar; geçersiz email 400, duplicate 409, auth'suz istek 401.
  5. UI'ı kullanıcının gördüğü gibi test eder: Testing Library implementasyon detayı yerine role ve metinle sorgular, custom hook'lar için renderHook artı act(), snapshot ise yalnız kararlı component'lerde ve her snapshot güncellemesinde yazılı gerekçeyle kullanılır.
  6. Davranış-önce gözden geçirmeyle kapatır: her test 'bu hangi davranışı doğruluyor' sorusuna cevap vermek zorundadır, elle yazılmış veriler faker tabanlı fixture'larla değiştirilir ve timer'lar vi.useFakeTimers üzerinde koşar, CI'da hiçbir şey uyumaz.
Kullanım senaryoları · taktığında neler oluyor

Tek güç kaynağı. 6 hat dışarı.

javascript-testing-patterns · çekirdek

çekirdek aktif · 6 hat

  1. Kapsam eşikleriyle Jest veya Vitest test altyapısı kurmak

    ✓ kapsam eşikleriyle jest
  2. Saf fonksiyonlar, sınıflar ve asenkron kod için birim testleri yazmak

    ✓ saf fonksiyonlar, sınıflar
  3. Modülleri, fetch'i ve bağımlılıkları casuslar ve saplamalarla taklit etmek

    ✓ modülleri, fetch'i ve ba…
  4. React bileşenlerini ve hook'ları Testing Library ile test etmek

    ✓ react bileşenlerini ve h…
  5. supertest ile API ve veritabanı entegrasyon testleri yazmak

    ✓ supertest ile api ve ver…
  6. Tutarlı veri için test sabit verileri ve fabrikaları oluşturmak

    ✓ tutarlı veri için test s…
Kazanımlar · elinde kalanlar

Aldıkların sende kalır.

Zamanı ileri sar. Ne kaldığını izle.

Sonsuza dek

Sahip olmak tam olarak bu.

Kiralık yığın

yapay zekâ yazım aracı: abonelik

süresi doldu · erişim gitti

analiz paketi: abonelik

süresi doldu · erişim gitti

tasarım platformu: abonelik

süresi doldu · erişim gitti

(geriye bir şey kalmadı)

Senin ocağın

  1. Davranış öncelikli testlerle sadece satır kapsamını değil gerçek davranış hatalarını yakalayın

    lisans: kalıcı
  2. Sıkı izolasyon ve sahte nesne temizliğiyle kararsız testlerden kaçının

    lisans: kalıcı
  3. Bileşenleri anlamsal sorgularla kullanıcıların etkileşim kurduğu gibi test edin

    lisans: kalıcı
  4. Önce kritik iş mantığını hedefleyerek çabayı karşılığını verdiği yere harcayın

    lisans: kalıcı

abonelikler biter · tapular bitmez

Ne içerir · eksiksiz manifest

Kutudaki her şey.

Bir parçayı eline al. Çalışırken izle.

Kapsam eşikleri ve v8 sağlayıcısıyla Jest ve Vitest yapılandırması

parça 01 / 06 · kutuda

6 parça · tek çalışan sistem · e-postayla anında teslim

Kimler için

Bu herkes için dövülmedi.

  • Araç kiralamayı sahip olmaya tercih ediyorsan, sana göre değil.
  • Yığınını senin yerine başkası yönetsin istiyorsan, sana göre değil.
  • Tahmin etmekten memnunsan, sana göre değil.
Hâlâ burada mısın? Güzel.

Modern araçlarla arka uçlar, API'ler ve React ön uçları için güvenilir test paketleri kuran JavaScript ve TypeScript geliştiricileri.

o zaman bu senin için dövüldü.

Hangi AI ile çalışır

Tasarımı gereği evrensel: her yapay zekada çalışır. Açık Agent Skills + MCP biçiminde gelir (Claude’da yerleşik); ChatGPT, Gemini, Cursor ve Copilot aynı dosyaları kendine uyarlar.

  • Claude Yerleşik biçim
  • ChatGPT Açık standartla uyarlanır
  • Gemini Açık standartla uyarlanır
  • Cursor Açık standartla uyarlanır
  • Copilot Açık standartla uyarlanır
Sorular · hâlâ havada

Aklındakini yakala.

hava temizlendi. seninle ocak arasında hiçbir şey kalmadı.
bir kıvılcım yakala: ocak cevaplar

  1. Jest'ten Vitest'e geçiş ortasındayız, ikisini de kapsıyor mu?

    Evet. Her iki çalıştırıcı için coverage eşikli yapılandırma örnekleri var ve desenlerin kendisi, yani Arrange Act Assert yapısı, mock temizliği, fixture ve factory kullanımı çalıştırıcıdan bağımsız. Geçişin iki tarafı da aynı disiplini paylaşır.

  2. Flaky testleri nasıl önlüyor?

    İzolasyon disipliniyle: her test kendi durumunu kurar, mock'lar test sonunda temizlenir, zamana bağımlı kod fake timer'larla kontrol altına alınır. Bileşen testlerinde kullanıcı gözünden semantik sorgular kullanıldığı için iç yapı değişiklikleri davranışı anlatan testleri kırmaz.

  3. Playwright veya Cypress ile tarayıcı testlerini de kapsıyor mu?

    Hayır. Kapsam birim, entegrasyon ve bileşen testleridir; API ve veritabanı entegrasyonu supertest desenleriyle ele alınır. Gerçek tarayıcıda koşan uçtan uca otomasyon bu paketin dışındadır.

  4. Nasıl teslim edilir?

    Satın alımdan hemen sonra e-posta ile iletilir, kuruluma hazır, anında indirilir; bekleme yok.

  5. Tek seferlik mi, abonelik mi?

    Tek seferlik alımdır; abonelik veya gizli ücret yoktur. Fiyata KDV (%20) dahildir.

  6. İade alabilir miyim?

    Dijital ürün olduğu için indirildikten sonra iade yapılmaz. Bu yüzden ne içerdiğini ve kime uygun olduğunu burada açıkça paylaşıyoruz.