Unit Testing Angular Service, der $ timeout mit Jasmins Mock Clock verwendet

Question

Ich habe eine Funktion innerhalb einer meiner Winkel Dienste, die Ich mag würde immer wieder in regelmäßigen Abständen aufgerufen werden. Ich würde das gerne mit $ timeout machen. Es sieht etwa so aus:

var interval = 1000; // Or something 

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

_tick(); 

ich, wie man Unit-Test zur Zeit mit Jasmin diese ratlos bin - Wie kann ich das tun? Wenn ich $timeout.flush() verwende, dann treten die Funktionsaufrufe auf unbestimmte Zeit auf. Wenn ich Jasmins Scheinuhr benutze, scheint $timeout davon unberührt zu sein. Grundsätzlich, wenn ich diese Arbeit zu bekommen, sollte ich gut zu gehen:

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(); 
    }); 
}); 

Diese beiden Varianten arbeiten, aber mir nicht helfen:

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(); 
    }); 
}); 

Vielen Dank im Voraus!

Answer 1

Lassen Sie Ihren Test Async nicht von Jasmins der Uhr. Verwenden Sie stattdessen $timeout.flush(), um den Testablauf synchron zu halten. Es mag ein bisschen schwierig zu installieren, aber sobald Sie es bekommen, werden Ihre Tests schneller und kontrollierter sein.

Hier ist ein Beispiel für einen Test, der es mit diesem Ansatz funktioniert: https://github.com/angular/angular.js/blob/master/test/ngAnimate/animateSpec.js#L618

Answer 2

@ Matsko Antwort führte mich auf den richtigen Weg nach unten. Ich dachte, ich würde meine "vollständige" Lösung veröffentlichen, um die Antwort einfacher zu finden.

Die Sache zu prüfen

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

Der Test

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(); 
    }); 
});