Testing

React ve Next.js'de, yazabileceğiniz birkaç farklı test türü vardır ve her birinin kendi amacı ve kullanım durumları vardır. Bu sayfa, uygulamanızı test etmek için kullanabileceğiniz türlere ve yaygın olarak kullanılan araçlara genel bir bakış sağlar.

Types of tests

• Birim testi, tek tek birimlerin (veya kod bloklarının) izolasyon içinde test edilmesini içerir. React'te bir birim tek bir fonksiyon, kanca veya bileşen olabilir.
  • Bileşen testi, testlerin birincil konusunun Reactbileşenleri olduğu birim testinin daha odaklanmış bir versiyonudur. Bu, bileşenlerin nasıl işlendiğini, prop'larla etkileşimlerini ve kullanıcı olaylarına yanıt olarak davranışlarını test etmeyi içerebilir.
  • Entegrasyon testi, birden fazla birimin birlikte nasıl çalıştığını test etmeyi içerir. Bu, bileşenlerin, kancaların ve fonksiyonların bir kombinasyonu olabilir.
• Uçtan Uca (E2E) Test, kullanıcı akışlarının tarayıcı gibi gerçek kullanıcı senaryolarını simüle eden bir ortamda test edilmesini içerir. Bu, belirli görevlerin (örneğin kayıt akışı) üretim benzeri bir ortamda test edilmesi anlamına gelir.
• Anlık görüntü testi, bir bileşenin işlenmiş çıktısını yakalamayı ve bunu bir anlık görüntü dosyasına kaydetmeyi içerir. Testler çalıştırıldığında, bileşenin geçerli işlenmiş çıktısı kaydedilen anlık görüntüyle karşılaştırılır. Anlık görüntüdeki değişiklikler, davranıştaki beklenmedik değişiklikleri belirtmek için kullanılır.

Async Server Components

async Sunucu Bileşenleri React ekosistemi için yeni olduğundan, bazı araçlar bunları tam olarak desteklememektedir. Bu arada, async bileşenleri için Birim Testi yerine Uçtan Uca Test kullanmanızı öneririz.

Guides

Next.js'nin bu yaygın olarak kullanılan test araçlarıyla nasıl kurulacağını öğrenmek için aşağıdaki kılavuzlara bakın: