Bir Jasmine birim testinde Sinon kullanarak jQuery animasyonunu nasıl taklit edebilirim?

Question

Sayfa yüklendikten 5 saniye sonra başlayan 1 saniyelik jQuery .animate eylemim var. Yasemin birimi test kodumda bir Sinon zamanlayıcı ayarladıktan sonra animasyon sonrası özelliklerinin olması gerektiği gibi olup olmadığını görmek için 7 saniye sonra test ediyorum.

Doğru çalışmıyor, bu yüzden neler olup bittiğini daha iyi görebilmek için Jasmine HTML test sayfamın bir animasyon örneğini yerleştirdim. Firefox ve Chrome, sayfa yüklenirken ise

• , animasyon fonksiyon birim test hemen başarısız olur denir, sonra (aynı zamanda hemen) animasyon gözle görülür oluşur.

• IE'de Opera ve Safari'de, sayfa yüklenir, animasyon işlevi çağrılır, birim testi hemen başarısız olur ve animasyon asla görünür olmaz. Ben umut Ne

(tüm tarayıcılarda) Aşağıdaki oldu:

• sayfa yüklendiğinde, animasyon işlevi denir, animasyon anında tamamlar ve birim test hemen başarılı olur.

Sinon's documentation baktığımızda, sahte zamanlayıcılar aşağıdaki süreçleri kapsayacak var: setTimeout, clearTimeout, setInterval, clearInterval, Date

nasıl jQuery'nin animasyon çalışmalarını bilmiyorum ama bunun için CSS kullanarak hayal geçiş ve CSS geçişleri Sinon'un useFakeTimers kapsamında yer almıyor, bu yüzden problem olduğunu düşünüyorum. Ancak, sorun hakkında haklıysam hala bir çözüme ihtiyacım var.

Belki Sinon'dan başka bir şey denemeliyim? Jasmine'in waits() bu testte mükemmel bir şekilde çalışıyor, ama kendim gibi sabırsız insanlar için inanılmaz derecede pratik değildir.

Başka önerileriniz var mı? Lütfen JS birim testinde yeniyim, bu yüzden belirsiz cevaplar bana yardım etmekten daha fazla kafa karıştırır. o)

Answer 1

:

jQuery.fx.off = true 

Bu yangın Etkinlik için açmasının 7 ikinci bekleme sorununuzu çözmez ama DOM sahip olduğunu test edebilirsiniz demek beklediğiniz gibi değiştirildi.

Answer 2

Aynı problem yaşadım. Bunun olacağına inanıyorum çünkü jQuery'nin animasyonu, setTimeout() belgesine güveniyorsa, requestAnimationFrame()'dan yararlanır. Ben null window nesne üzerinde tüm tarayıcıya özel requestAnimationFrame fonksiyonları ayarlayarak bu soruna çalıştık

:

window.webkitRequestAnimationFrame = null; 
window.mozRequestAnimationFrame = null; 
window.oRequestAnimationFrame = null; 

bu kod jQuery yüklenir önce yürütür emin olun.

jQuery efektleri kapatmak için jQuery off kullanabilirsiniz

Answer 3

Buranın gösterdi gibi SinonJs ile mümkün olduğunu düşünüyorum: http://sinonjs.org/qunit

test("should animate element over 500ms", function() { 
    var el = jQuery("<div></div>"); 
    el.appendTo(document.body); 

    el.animate({ height: "200px", width: "200px" }); 
    this.clock.tick(510); 

    equals("200px", el.css("height")); 
    equals("200px", el.css("width")); 
});