Jednostka testująca usługę asynchroniczną w angularjs

Question

Próbuję przetestować usługę, która ma asynchroniczne metody, ale nie mam szczęścia.

Próbowałem wdrożyć za pomocą obietnic za pomocą wsparcia $ q w angularjs.

Każda pomoc zostanie doceniona.

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

Przede wszystkim, jest szczególnie trudne setTimeout przetestować ponieważ trudno drwić. Na szczęście angularjs ma otoki wokół niego ($timeout), który odgrywa taką samą rolę, ale może być łatwo szydzili:

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

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

    return deferred.promise; 
    } 

makiety przewidziany $timeout pozwala nam łatwo symulować upływ czasu (z $timeout.flush()), co oznacza nasze testy można uruchomić szybko, bez czekania na zakończenie zdarzenia asynchronicznego (pamiętaj, że kod produkcyjny nadal używa async API!).

Zmienione testy wyglądałby następująco:

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

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

i wreszcie jsFiddle pracy: http://jsfiddle.net/v9L9G/1/

Answer 2

To nie jest związane z samym kątowym, ale Jasmine async tests.

Jeśli potrzebujesz setTimeout, użyj Angular $timeout. A jeśli chcesz mieć dokładną kontrolę nad wykonaniem setTimeout/$ timeout, użyj mocked Clock.