Jasmine ile JavaScript testi

Şimdi, ne hakkında olduğunu zaten gördük Yasemin şimdi nasıl çalıştığını görelim.

• En son sürümünü indiriyoruz Yasemin ve onu açıyoruz.
• dizinine giriyoruz Yasemin ve biz yürütürüz SpecRunner.html ve aşağıdakileri göreceğiz:

Bu dosya bir örnek kodda bazı testler yürütür, testleri çalıştırmak istiyorsak tarayıcıyı yenileyebiliriz ve bunlar yürütülür.
Şimdi bir kullanım örneğine bakalım Yasemin:

• İlk önce geri arama olarak bir dize içeren basit bir işlev oluşturuyoruz.

function merhabaWorld () {
dönüş "Merhaba dünya!";
}
Bunun doğru çalıştığından oldukça emin miyiz? Ama şunu deneyelim Yasemin ve kodumuz hakkında ne düşündüğünüzü görelim.

• Oluşturulan fonksiyonu arayabileceğimiz bir dosyaya kaydediyoruz. merhaba.js, açığız SpecRunner.html dahil etme işlemini gerçekleştirmek için.

• Şimdi Jasmine'i çalıştıralım, aşağıdaki kodu içeren bir dosya oluşturalım:

tarif ("Merhaba dünya", işlev () {
o ("merhaba der", function () {
(helloWorld ()) toEqual ("Merhaba dünya!");
});
});
Bakalım bu kod parçası neler içeriyor:
İlk önce, genellikle uygulamamızın bir bileşenini tanımlayan tanımlamaya sahibiz, bu bir sınıf, işlev veya belki başka bir şey olabilir. Bu örnekte bizim fonksiyonumuza atıfta bulunmaktadır. Selam Dünya ().
Aynı kodda devam edelim ve bloğumuz olacak Kalem(), buna belirtim denir. Javascript'te bize ne bekleyeceğimizi veya bileşenimizin ne yapması gerektiğini söyleyen bir fonksiyondur. Her tarif için herhangi bir sayıda spesifikasyona sahip olabiliriz.
Bu durumda, işlevin olup olmadığını test ediyoruz. Selam Dünya () "Merhaba dünya!" ve şununla doğrularız: toEqual () ki bir başka bir şey değil eşleştirici, bu bize temel olarak dizenin içeriğinin test edilenle aynı olup olmadığını söyleyecektir.

• Kodu isimle kaydediyoruz merhaba.spec.js özelliklerin bulunduğu dizine yerleştiririz ve SpecRunner.html

Sonunda bu özelliği tarayıcımızda çalıştırıyoruz ve aşağıdaki gibi bir çıktı göreceğiz:

Başka türde bir eşleştirici de kullanabiliriz, bakalım:
tarif ("Merhaba dünya", işlev () {
o ("dünya diyor", işlev () {
bekle (merhabaDünya ()) toContain ("dünya");
});
});
Değerin aynı olmasını beklemek yerine bu sefer içeriğin geri kalanı ne olursa olsun içeriğin "dünya" kelimesi olmasını bekliyoruz, bu testte "dünya" kelimesi olduğu sürece Jasmine onu doğru olarak yorumlayacaktır.
Fonksiyonumuza gidersek, söylediklerini değiştirebilir ve "Merhaba Dünya" dışında bir şey ayarlayabiliriz, Jasmine bunu yanlış görecek çünkü beklediği şey bu değil ve Jasmine'i istememizin ana nedeni bu, bu yüzden bir şeyin beklendiği gibi olmadığını söyleriz ve bu, kodumuzu temiz ve hatasız hale getirmemize yardımcı olur.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.