Unit-Test-Versprechen-basierten Code in Angularjs

Question

Ich habe harte Zeiten versuchen, versprechen-basierten Code in Angularjs zu testen.

Ich habe den folgenden Code in meinem Controller:

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

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

ich folgende Fälle zu Unit-Test möchten:

• wenn markAsDone es nennen sollte
tasksService.removeAndGetNext genannt wird
• wenn tasksService.removeAndGetNext ist fertig, sollte es den Standort wechseln (goTo aufrufen)

Es scheint mir, dass es keinen einfachen Weg gibt, diese beiden Fälle getrennt zu testen.

Was ich tat, um den ersten zu testen war:

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

nun den zweiten Fall zu testen ich eine andere gefälschte Versprechen erstellen müssen, die immer resolved sein würde. Es ist alles ziemlich langweilig und es ist eine Menge Standardcode.

Gibt es eine andere Möglichkeit, solche Dinge zu testen? Oder riecht mein Design?

Answer 1

Sie müssen immer noch die Dienste verspotten und ein Versprechen zurückgeben, aber Sie sollten stattdessen echte Versprechen verwenden, so dass Sie seine Funktionalität nicht implementieren müssen. Verwenden Sie beforeEach, um das bereits erfüllte Versprechen zu erstellen und den Dienst zu verspotten, wenn Sie IMMER gelöst werden müssen.

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

})); 

Wenn Sie lieber mit einem anderen Wert in jedem it Block lösen würden es vorziehen, dann setzen Sie nur die auf eine lokale Variable abgegrenzt und es in der Spezifikation lösen.

Natürlich würden Sie Ihre Tests behalten, wie sie sind, aber hier ist eine wirklich einfache Spezifikation, um Ihnen zu zeigen, wie es funktionieren würde.

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

Ein anderer Ansatz wäre die folgenden, gerade ich Tests war aus einem Controller genommen werden:

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

Und noch eine weitere Option können Sie vermeiden, indem Sie mit der Q-Bibliothek nennen $digest mit (https://github.com/kriskowal/q) als Drop-in-Ersatz für $q zB:

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

auf diese Weise verspricht gelöst werden kann/abgelehnt außerhalb der $ Digest-Zyklus.