Bu makale, Jest snapshot testlerinin ne olduğunu ve nasıl kullanıldığını öğrenmenize yardımcı olacak Jest snapshot testleri, JavaScript bileşenlerini test etmek için kullanılır ve birbirine benzeyen iki şeyi karşılaştırmak için kullanılır Bu özellikler, uygulamanızın işlevselliğini test etmek için Jest snapshot testlerini kullanmanızı öneririz Jest snapshot testleri oluşturmak oldukça kolaydır Ayrıca, bu test türü çok sayıda denetim gerektiren özelliklerde kullanışlıdır Jest snapshot testleri, projenize Jest kütüphanesini yükleyerek kolayca hazırlanabilirler Bu testler, kodunuzdaki olası hatalara karşı tarama yapmak için çok daha hızlı bir şekilde kullanılabilinirler Böylece, uygulamanızın geliştirilme sürecinde Jest snapshot testlerini kullanarak, bileşenlerinizin değiştirilip değiştirilmediğini kontrol edebilir ve uygulamanızın işlevselliğini daha iyi bir şekilde kontrol edebilirsiniz
Bu makale, Jest snapshot testlerinin ne olduğunu ve nasıl kullanıldığını öğrenmenize yardımcı olacak. Jest snapshot testleri, JavaScript bileşenlerini test etmek için kullanılır ve birbirine benzeyen iki şeyi karşılaştırmak için kullanılır. Jest snapshot testleri oluşturmak için öncelikle Jest kütüphanesi yüklenir ve sıfır bilgi ve test fonksiyonları ile testler oluşturulur. Jest testi çalıştırdığında, herhangi bir snapshot dosyası yoksa varsayılan snapshot dosyası oluşturur ve sonraki çalışmalarda mevcut olan snapshot dosyası ile karşılaştırır.
Jest'in snapshot testleri, JavaScript bileşenlerinin işlevselliğini test etmek için oldukça kullanışlıdır. Snapshots, testlerin çalışmasını sağlamak ve kodunuzdaki olası hatalara karşı tarama yapmak için çok daha hızlı bir şekilde kullanılabilirler. Bu özellikler, uygulamanızın işlevselliğini test etmek için Jest snapshot testlerini kullanmanızı öneririz. Jest snapshot testlerinin nasıl kullanılacağını öğrendikten sonra uygulamanızı test etmek için bu özelliği kullanabilirsiniz.
Jest Snapshot Testleri Nedir?
Jest, JavaScript bileşenlerinizi test etmek için kullanılan bir test çerçevesidir. Jest’in snapshot testleri birbirine benzeyen iki şeyi karşılaştırmak için kullanılır. Bu test türü, bir bileşenin render edilmesinden sonra oluşan HTML kodunu depolar ve daha sonra aynı bileşen render edildiğinde, depolanmış olan HTML ile şimdi oluşturulan HTML'i karşılaştırır. Böylece bileşeninizin render edilmesi sonucunda oluşan HTML'in beklenen sonuçla aynı olup olmadığını kontrol etmenizi sağlar.
Snapshot testleri, ayrıntılı incelemeler ve çok sayıda denetim gerektiren özelliklerde kullanışlıdır. Bu tür testler, düzgün çalışmayan özellikleri hızlıca tespit ederken, zaman tasarrufu sağlayan bir yöntemdir. Ayrıca, programmerlerin, farklı bir bileşen eklediklerinde veya bileşenlerinde değişiklik yaptıklarında bileşenin halen beklenen çıktıyı üretip üretmediğini kontrol etmek için kullanabilirler.
Jest Snapshot Testleri Nasıl Yazılır?
Jest snapshot testleri yazmak oldukça kolaydır. Aşağıdaki adımları takip ederek siz de jest snapshot testleri oluşturabilirsiniz.
Jest, Node.js paket yöneticisi NPM ile yüklenir. Bu nedenle öncelikle projenize paket yöneticisi yüklemeniz gerekir.
Paket yöneticisi yükleme işlemi aşağıdaki şekilde gerçekleştirilir:
| Komut | Açıklama |
| npm init -y | Paket yöneticisi oluşturma komutudur. |
Bu komutu çalıştırdığınızda, bir npm projesi oluşturulacaktır.
Jest kütüphanesi yüklemek için aşağıdaki komutu kullanabilirsiniz:
| Komut | Açıklama |
| npm install jest --save-dev | Jest kütüphanesi yüklemek için kullanılır. |
Bu işlem tamamlandıktan sonra, Jest kütüphanesi kurulumu tamamlanmış olacaktır.
Adım 1.1: Paket Yöneticisi Yükleme
Jest'i kullanmak için öncelikle projenize NPM üzerinden paket yöneticisi yüklemeniz gerekmektedir. Jest'i kullanmak için ihtiyacınız olan tüm paketleri yüklemelisiniz.
Bunun için terminal üzerinden proje dizinine gidip "npm init" komutunu yazarak proje için bir paket.json dosyası oluşturmanız gerekiyor.
Sonrasında "npm install --save-dev jest" komutu yazarak Jest kütüphanesini indirebilirsiniz.
Bu adımları tamamladığınızda Jest snapshot testleri yapmaya hazırsınız!
Adım 1.2: Jest Yükleme
Jest kütüphanesi yüklemek oldukça basittir. Projeye Jest yüklemek için aşağıdaki adımlar takip edilir:
- Terminale
yazılır ve enter tuşuna basılır.npm install --save-dev jest - Jest kurulumu tamamlandıktan sonra, "jest" komutunu kullanarak test dosyalarını çalıştırabilirsiniz.
Projenizdeki
package.jsonEğer bir proje-bootstrap ya da react-create-app kullanıyorsanız, Jest zaten ön yüklenmiş bir şekilde gelecektir ve ek kurulum yapmanıza gerek kalmayacaktır.
Adım 2: Jest Snapshot Testi Oluşturma
Jest snapshot testleri, JavaScript bileşenlerini test etmek için kullanılan sıfır bilgi ve test fonksiyonları ile oluşturulur. İlk olarak, test dosyanızı oluşturmanız gerekmektedir. Bu dosyayı Jest ile çalıştırarak test edebilirsiniz.
Bu aşamada, Jest snapshot testlerinin çalışma mantığı, bir JavaScript bileşeninin ilk snapshottan sonra değiştirip değiştirmediğini kontrol etmek olduğundan, test fonksiyonları çok önemlidir. Test fonksiyonu, karşılaştırılacak bileşenleri iki değer olarak alır ve bu değerleri karşılaştırır.
Bir snapshot testi oluşturmak için aşağıdaki adımlar izlenir:
| Adım 1: | Bolme |
| 1.1 | Test dosyası oluşturma |
| 1.2 | Test fonksiyonları oluşturma |
| Adım 2: | Bolme |
| 2.1 | Bileşenin ilk snapshotı |
| 2.2 | Bileşenin değişiklikleri |
| 2.3 | Kaydedilmiş snapshot ile karşılaştırma |
Yukarıdaki adımları izleyerek, Jest snapshot testlerini kolayca oluşturabilir ve bileşenlerinizin herhangi bir değişikliğe karşılık vermesini bekleyebilirsiniz.
Jest snapshot testlerinin iyi oluşturulması, kodlarınızın değişikliklerinden sonra bile uygun şekilde çalıştığından emin olmak için önemlidir. Ayrıca, değişiklikleri takip etmek ve hataları en aza indirmek için yararlıdır.
Jest Snapshot Testi Nasıl Çalışır?
Jest snapshot testlerinin nasıl çalıştığına dair ilk adım, Jest testini çalıştırmaktır. Jest, testleri otomatik olarak algılar ve Snapshot kullanıyorsanız, snapshot dosyalarını, testlerin yer aldığı dizinde __snapshots__ klasöründe oluşturur. Eğer bir snapshot dosyası henüz varsa, Jest testi yeni bir snapshot dosyası ile karşılaştırır ve herhangi bir fark varsa test başarısız kabul edilir.
Bir snapshot dosyası yoksa, Jest testi geçebilir veya başarısız olabilir. Ancak, test geçtiğinde Jest, varsayılan snapshot dosyasını oluşturur. Bu snapshot dosyası, öğenin o anki durumunu yansıtır. Örneğin, bir sayfa ile ilgili bir snapshot oluşturduğunuzda, Jest bu sayfayı kaydedip daha sonra değişiklik olduğunda karşılaştırabilir. Böylece Jest snapshot testleri aracılığıyla test öğelerinin anlık durumunu kaydedebilir ve sonraki testlerde buna göre karşılaştırabilir.
Adım 2: Dosyaları Karşılaştırma
Adım 2: Dosyaları Karşılaştırma
Jest snapshot testleri başarıyla oluşturulduğunda testleri çalıştırmaya hazırsınız demektir. Jest, testi çalıştırdığınızda eğer mevcut bir snapshot dosyası varsa, o zaman Jest test dosyasında yapılan değişiklikleri kontrol etmek için mevcut snapshot dosyası ile karşılaştırır. Eğer mevcut snapshot dosyası yoksa, Jest, varsayılan snapshot dosyasını oluşturarak testi yerine getirir.
Eğer yeni bir değer ekler veya var olan değerleri değiştirirseniz, Jest bunu fark eder ve bir hata mesajı gösterir. Eğer değişiklik yapmadıysanız test başarılı olarak kabul edilir.
Jest snapshot testleri, aynı sonuçları oluşturan kod yeniden kullanıldığında kullanışlıdır. Örneğin, bir e-ticaret sitesindeki fiyat listelerine göre bir sayfa test ediliyorsa, kodun değiştiği her seferinde testi yenilemek yerine, Jest snapshot testleri kullanarak her zaman aynı sonucun verildiğini doğrulayabilirsiniz.
Jest snapshot testleri, yazdığınız kodun doğru bir şekilde çalıştığından emin olmak için kullanışlı bir araçtır. Yapılan değişiklikleri takip etmek için oluşturulan snapshot dosyalarının ve Jest snapshot testlerinin kullanımı, kod yazarken çok önemlidir.