Javascript Test Süreçleri: Jest kurulumu yapmak

Yarkın ÜÇERLER
Cimri Engineering
Published in
2 min readAug 24, 2023

--

Jest, JavaScript ve TypeScript projelerinde test yazmak için kullanılan popüler bir test çerçevesidir. Bu makale serisinde, Jest’i JavaScript ve TypeScript projelerinize nasıl ekleyeceğinizi ve temelden detaylıya doğru olmak üzere tüm detaylarını inceleyeceğiz.

Şunu açıklığa kavuşturmak istiyorum kendi adıma piyasada sürekli 101 makaleleri ve eğitimleri görüyorum ama bazı konular varki biraz daha detaylandırılmayı hak ediyor, işte o konulardan biride TDD (Test Driven Development).

Javascript’de son zamanlarda popülerleşen test yazma sürecini bende bir süredir araştırmama rahmen ilk kez bu kadar detaylı ele alacağım ve açıkcası sizlerlede paylaşmak istiyorum.

Hadi biraz eğlenelim 😊

Proje Dizininde Jest Kurulumu

İlk adım, projenize Jest’i eklemektir. Projeyi başlatın veya mevcut bir projeyi açın ve terminal veya komut istemcisini açın. Ardından, aşağıdaki komutu kullanarak Jest’i projenize ekleyin:

Bu komut, Jest’i projenizin bağımlılıklarına ekler.

Jest Yapılandırma Dosyası Oluşturma

Jest, varsayılan olarak bir yapılandırma dosyası (jest.config.js) bekler. Bu dosya, Jest'in nasıl çalışması gerektiğini ve testlerin nerede bulunacağını belirler. Aşağıdaki komutu kullanarak Jest yapılandırma dosyasını oluşturun:

Bu komut, Jest için bazı temel yapılandırma seçeneklerini sormanıza olanak sağlar. İhtiyacınıza göre bu seçenekleri özelleştirebilirsiniz.

Şimdi işler burada biraz ayrılacak çünkü 2 tip programlama sürecimiz var

Javascript ve Typescript tüm süreçleri inceleyeceğiz ama önce şu kurulumu bir bitirelim.

Not: Eğer projenizde TypeScript kullanmıyorsanız, ilk adım olarak TypeScript’i projenize ekleyin.

Aşağıdaki komutları kullanarak TypeScript’i projenize dahil edebilirsiniz:

Sonuç

Bağımlılıklarımızı sorunsuz olarak eklediğimizde ve tüm ayarları yaptığımızda iki tip içinde aşağıdaki gibi jest.config.js dosyası elde etmemiz gerekiyor.

Javascript için

Typescript için

Serinin devamı için aşağıdaki link ile ilerleyebilirsiniz.

Bir sonraki makalemiz “Javascript Test Süreçleri: Jest ile temel test yazmak” de görüşürüz.

Unutmayın, geliştirme becerilerimizin sınırı yok!

Yeni teknolojileri keşfetmeye ve daha iyi kodlar yazmaya devam edelim.

Happy coding! 💻🚀

--

--

Front-End teknolojileri alanında 9 yıldan fazla deneyimli. Clean kod yazmaya kendini adamış. Her soruna basit ve etkili çözümler sunmayı hedefler.