Unit testet einen asynchronen Dienst in angularjs

Question

Ich versuche, einen Dienst zu testen, der asynchrone Methoden hat, aber kein Glück haben.

Ich habe versucht, mit Versprechen zu implementieren, indem Sie die $ q Unterstützung in angularjs verwenden.

Jede Hilfe wäre willkommen.

http://jsfiddle.net/9pBze/37/

angular.module('myapp', ['myservice']); 

angular.module('myservice', []).factory('myservice', function($q) { 
    var ls = {}; 

    ls.DoIt = function() { 
    var deferred = $q.defer(); 

    setTimeout(function(){ 
     deferred.resolve(5); 
    },3000); 

    return deferred.promise; 
    } 

    return ls; 

}); 

describe('services', function() { 

    beforeEach(module('myservice')); 

    it("should equal 2", inject(function(myservice) { 
     myservice.DoIt().then(function(returned) { 
      expect(returned).toEqual(2); 
     });   
    })); 
}); 

Answer 1

Zunächst einmal ist die setTimeout besonders schwierig zu testen, da es schwer zu verspotten zu. Zum Glück hat AngularJS einen Wrapper um es ($timeout), die die gleiche Rolle spielt, aber leicht verspottet werden kann:

ls.DoIt = function() { 
    var deferred = $q.defer(); 

    $timeout(function(){ 
     deferred.resolve(5); 
    },3000); 

    return deferred.promise; 
    } 

Die Mock für $timeout hat uns vergangene Zeit erlaubt auf einfache Weise zu simulieren (mit $timeout.flush()), das bedeutet, dass unsere Tests durchführen können schnell, ohne wirklich darauf zu warten, dass das asynchrone Ereignis abgeschlossen wird (bitte beachten Sie, dass der Produktionscode immer noch die async-API verwendet!).

Die geänderten Tests würden wie folgt aussehen:

it("should equal 5", inject(function(myservice, $timeout) { 

    var valueToVerify; 
    myservice.DoIt().then(function(returned) { 
     valueToVerify = returned; 
    }); 
    $timeout.flush();   
    expect(valueToVerify).toEqual(5); 
})); 

Und schließlich der Arbeits jsFiddle: http://jsfiddle.net/v9L9G/1/

Answer 2

Es ist nicht zu Angular selbst beziehen, sondern auf Jasmine async tests.

Wenn Sie eine setTimeout benötigen, verwenden Sie Angular $timeout. Wenn Sie eine genaue Kontrolle über die Ausführung von setTimeout/$ timeout wünschen, verwenden Sie mocked Clock.