Unit'sing Jasmine'in Mock Clock

Question

ile zaman aşımını kullanan Birim Test Açısal Servisi Açısal servislerimden birinde düzenli aralıklarla tekrar tekrar aranmak istediğim bir fonksiyon var. Bunu $ timeout kullanarak yapmak istiyorum. - Bunu nasıl

var interval = 1000; // Or something 

var _tick = function() { 
    $timeout(function() { 
     doStuff(); 
     _tick(); 
    }, interval); 
}; 

_tick(); 

şu anda Yasemin ile nasıl birim test bu stumped: Bu şuna benzer? $timeout.flush() kullanırsam, işlev çağrıları süresiz olarak gerçekleşir. Jasmine'in sahte saatini kullanırsam, $timeout etkilenmemiş gibi görünüyor.

describe("ANGULAR Manually ticking the Jasmine Mock Clock", function() { 
    var timerCallback, $timeout; 

    beforeEach(inject(function($injector) { 
     $timeout = $injector.get('$timeout'); 
     timerCallback = jasmine.createSpy('timerCallback'); 
     jasmine.Clock.useMock(); 
    })); 

    it("causes a timeout to be called synchronously", function() { 
     $timeout(function() { 
      timerCallback(); 
     }, 100); 
     expect(timerCallback).not.toHaveBeenCalled(); 
     jasmine.Clock.tick(101); 
     expect(timerCallback).toHaveBeenCalled(); 
    }); 
}); 

Bu iki varyasyon çalışması, ancak bana yardım etmezsen: Bu çalışma alabilirsiniz Temelde, ben gitmek için iyi olmalıdır önceden

describe("Manually ticking the Jasmine Mock Clock", function() { 
    var timerCallback; 

    beforeEach(function() { 
     timerCallback = jasmine.createSpy('timerCallback'); 
     jasmine.Clock.useMock(); 
    }); 

    it("causes a timeout to be called synchronously", function() { 
     setTimeout(function() { 
      timerCallback(); 
     }, 100); 
     expect(timerCallback).not.toHaveBeenCalled(); 
     jasmine.Clock.tick(101); 
     expect(timerCallback).toHaveBeenCalled(); 
    }); 
}); 

describe("ANGULAR Manually flushing $timeout", function() { 
    var timerCallback, $timeout; 

    beforeEach(inject(function($injector) { 
     $timeout = $injector.get('$timeout'); 
     timerCallback = jasmine.createSpy('timerCallback'); 
    })); 

    it("causes a timeout to be called synchronously", function() { 
     $timeout(function() { 
      timerCallback(); 
     }, 100); 
     expect(timerCallback).not.toHaveBeenCalled(); 
     $timeout.flush(); 
     expect(timerCallback).toHaveBeenCalled(); 
    }); 
}); 

teşekkürler!

Answer 1

Jasmine'in saatini kullanarak testinizi Async yapmayın. Bunun yerine, sınamanın akışını eşzamanlı olarak korumak için $timeout.flush() kullanın. Kurulumu biraz zor olabilir, ancak bir kez aldığınızda testleriniz daha hızlı ve daha kontrollü olacaktır. doğru yolu beni indirene https://github.com/angular/angular.js/blob/master/test/ngAnimate/animateSpec.js#L618

Answer 2

matsko cevabı @:

İşte bu yaklaşımı kullanarak yapan bir testin örneği verilmiştir. Cevabını bulmayı daha basit hale getirmek için "tam" çözümümü göndereceğimi düşündüm.

şey

angular.module("app").service("MyService", function() { 
    return { 
     methodThatHasTimeoutAndReturnsAPromise: function($q, $timeout) { 
      var deferred = $q.defer(); 
      $timeout(function() { 
       deferred.resolve(5); 
      }, 2000); 
      return deferred.promise; 
     } 
    }; 
}); 

testi

describe("MyService", function() { 
    var target, 
     $timeout; 
    beforeEach(inject(function(_$timeout_, MyService) { 
     $timeout = _$timeout_; 
     target = MyService; 
    })); 
    beforeEach(function(done) { 
     done(); 
    }); 
    it("equals 5", function(done) { 
     target.methodThatHasTimeoutAndReturnsAPromise().then(function(value) { 
      expect(value).toBe(5); 
      done(); 
     }); 
     $timeout.flush(); 
    }); 
});