Kod oparty na testach jednostkowych w Angularjs

Question

Mam ciężkie czasy próbować przetestować oparty na obietnicach kod w Angularjs.

Mam następujący kod w moim kontrolera:

$scope.markAsDone = function(taskId) { 
     tasksService.removeAndGetNext(taskId).then(function(nextTask) { 
      goTo(nextTask); 
     }) 
    }; 

    function goTo(nextTask) { 
     $location.path(...); 
    } 

Chciałbym jednostka test następujące przypadki:

• gdy markAsDone nazywa powinien zadzwonić tasksService.removeAndGetNext
• kiedy tasksService.removeAndGetNext wykonano, należy zmienić lokalizację (wywołać goTo)

Wydaje mi się, że nie ma łatwego sposobu na sprawdzenie tych dwóch przypadków oddzielnie.

Co zrobiłem, aby przetestować pierwszy był:

var noopPromise= {then: function() {}} 
spyOn(tasksService, 'removeAndGetNext').andReturn(noopPromise); 

teraz przetestować drugi przypadek trzeba utworzyć kolejną fałszywą obietnicę, że zawsze będzie resolved. To wszystko dość uciążliwe i jest dużo kodu standardowego.

Czy istnieje inny sposób sprawdzenia takich rzeczy? A może mój zapach ma zapach?

Answer 1

Nadal trzeba będzie kpić z usług i zwrócić obietnicę, ale zamiast tego należy używać prawdziwych obietnic, więc nie trzeba wdrażać jego funkcjonalności. Użyj beforeEach, aby utworzyć spełnioną obietnicę i sfałszować usługę, jeśli potrzebujesz jej ZAWSZE być rozwiązane.

var $rootScope; 

beforeEach(inject(function(_$rootScope_, $q) { 
    $rootScope = _$rootScope_; 

    var deferred = $q.defer(); 
    deferred.resolve('somevalue'); // always resolved, you can do it from your spec 

    // jasmine 2.0 
    spyOn(tasksService, 'removeAndGetNext').and.returnValue(deferred.promise); 

    // jasmine 1.3 
    //spyOn(tasksService, 'removeAndGetNext').andReturn(deferred.promise); 

})); 

Jeśli wolisz wolą rozwiązać go w każdej it bloku z inną wartością, a następnie po prostu wystawiać odroczone do zmiennej lokalnej i rozwiązać go w spec.

Oczywiście, możesz zachować swoje testy, jak to jest, ale tutaj jest kilka naprawdę prostych specyfikacji, aby pokazać, jak to działa.

it ('should test receive the fulfilled promise', function() { 
    var result; 

    tasksService.removeAndGetNext().then(function(returnFromPromise) { 
    result = returnFromPromise; 
    }); 

    $rootScope.$apply(); // promises are resolved/dispatched only on next $digest cycle 
    expect(result).toBe('somevalue'); 
}); 

Answer 2

Innym rozwiązaniem byłoby dodaje, wzięte prosto z kontrolerem byłem testowania:

var create_mock_promise_resolves = function (data) { 
    return { then: function (resolve) { return resolve(data); }; 
}; 

var create_mock_promise_rejects = function (data) { 
    return { then: function (resolve, reject) { if (typeof reject === 'function') { return resolve(data); } }; 
}; 

var create_noop_promise = function (data) { 
    return { then: function() { return this; } }; 
}; 

Answer 3

I jeszcze inna opcja można uniknąć konieczności wzywania $digest za pomocą biblioteki Q (https://github.com/kriskowal/q) jako zamiennik dla $q np

beforeEach(function() { 
    module('Module', function ($provide) { 
     $provide.value('$q', Q); 
    }); 
}); 

ten sposób obietnice mogą być rozwiązane/odrzucona poza cykl $ digest.