19

我们使用 karma 对我们的 Angular 服务进行单元测试，这些服务包含 $http 调用，因此我们有一个模拟的 $httpbackend，因此我们可以在没有服务器和数据库的情况下运行应用程序。这工作正常，服务可以调用 $http("someurl?id=1234") 并且我们得到正确的数据。

但是当我们尝试在单元测试中做同样的事情时，我们无法让它工作，promise 永远不会解决，当它涉及 $http 时

服务：

getAllowedTypes: function (contentId) {
    var deferred = $q.defer();
    $http.get(getChildContentTypesUrl(contentId))
        .success(function (data, status, headers, config) {
            deferred.resolve(data);
        }).
        error(function (data, status, headers, config) {
            deferred.reject('Failed to retreive data for content id ' + contentId);
        });
    return deferred.promise;
}

被嘲笑的 $httpbackend

$httpBackend
   .whenGET(mocksUtills.urlRegex('/someurl'))
   .respond(returnAllowedChildren); //returns a json object and httpstatus:200

考试

it('should return a allowed content type collection given a document id', function(){

    var collection;
    contentTypeResource.getAllowedTypes(1234).then(function(result){
        collection = result;
    });

    $rootScope.$digest();

    expect(collection.length).toBe(3);
});

但是集合是未定义的， .then() 永远不会被调用。

尝试了几乎所有方法来解决承诺，$rootScope.$apply()、$digest、$httpBacke.flush()，但没有任何效果

因此，当从应用程序中的控制器调用时，模拟 $httpBackend 有效，但在业力单元测试中直接调用服务时则无效

4

3 回答 3

7

您不需要消化两次，因为 $httpBackend.flush() 会调用 digest 本身。您必须进行调用，调用摘要来解析请求拦截器，调用刷新。

这是一个有效的 Plnkr：http ://plnkr.co/edit/FiYY1jT6dYrDhroRpFG1?p=preview

于 2013-07-02T12:27:47.767 回答
4

您快到了。在您的情况下，您只需要在刷新 HTTP 后端之前强制执行摘要循环。请参阅下面的示例代码。

it('should return a allowed content type collection given a document id', function(){

    var collection;
    contentTypeResource.getAllowedTypes(1234).then(function(result){
        collection = result;
    });

    $rootScope.$digest();
    $httpBackend.flush();
    expect(collection.length).toBe(3);
});
于 2013-07-02T10:00:32.207 回答
4

在您的情况下，您必须 $digest 两次，一次用于 $httpBackend，另一次用于您自己的 deferred。

所以：

it('should return a allowed content type collection given a document id', function(){

    var collection;
    contentTypeResource.getAllowedTypes(1234).then(function(result){
        collection = result;
    });
    $httpBackend.flush();
    $rootScope.$digest();

    expect(collection.length).toBe(3);
});
于 2013-07-02T07:19:45.470 回答