Question

我有一个资源工厂

angular.module('mean.clusters').factory('Clusters', ['$resource',
  function($resource) {
    return $resource('clusters/:clusterId/:action', {
        clusterId: '@_id'
    }, {
        update: {method: 'PUT'},
        status: {method: 'GET', params: {action:'status'}}
    });
}]);

和控制器

angular.module('mean.clusters').controller('ClustersController', ['$scope',
  '$location', 'Clusters',
    function ($scope, $location, Clusters) {
        $scope.create = function () {
            var cluster = new Clusters();

            cluster.$save(function (response) {
                $location.path('clusters/' + response._id);
            });
        };

        $scope.update = function () {
            var cluster = $scope.cluster;

            cluster.$update(function () {
                $location.path('clusters/' + cluster._id);
            });
        };


        $scope.find = function () {
            Clusters.query(function (clusters) {
                $scope.clusters = clusters;

            });
        };
}]);

我正在编写我的单元测试，我发现的每个示例都使用某种形式的$httpBackend.expect来模拟来自服务器的响应，我可以做到这一点。

我的问题是，在单元测试我的控制器函数时，我想模拟Clusters对象。如果我使用$httpBackend.expect，并且我在工厂中引入了一个错误，我控制器中的每个单元测试都会失败。

我想测试$scope.create只测试$scope.create，而不是我的工厂代码。

我已尝试在beforeEach(module('mean', function ($provide) {部分测试中添加提供程序但我似乎无法正确使用。

我也试过

clusterSpy = function (properties){
    for(var k in properties)
        this[k]=properties[k];
};

clusterSpy.$save = jasmine.createSpy().and.callFake(function (cb) {
    cb({_id: '1'});
});

并在Clusters = clusterSpy;中设置before(inject，但在创建函数中，间谍会丢失

错误：期待间谍，但得到了功能。

我已经能够让间谍对象适用于cluster.$update类型的调用，但是在var cluster = new Clusters();处使用＆＃39;不是函数＆＃39;错误。

我可以创建一个适用于var cluster = new Clusters();的函数，但对cluster.$update类型调用失败。

我可能会在这里混合术语，但是，是否有一种正确的方法来模拟具有间谍功能的群集，或者是否有充分的理由与$httpBackend.expect一起使用？

Answer 1

看起来我已经接近几次，但我想现在已经弄明白了。

解决方案是上面的“我也尝试过”部分，但我没有从函数中返回间谍对象。

这样做有效，可以放在beforeEach(module(或beforeEach(inject部分

中

步骤1：使用您要测试的任何函数创建间谍对象，并将其分配给您的测试可访问的变量。

步骤2：创建一个返回间谍对象的函数。

步骤3：将间谍对象的属性复制到新函数。

clusterSpy = jasmine.createSpyObj('Clusters', ['$save', 'update', 'status']);

clusterSpyFunc = function () {
    return clusterSpy
};

for(var k in clusterSpy){
    clusterSpyFunc[k]=clusterSpy[k];
}

第4步：将其添加到beforeEach(inject部分的$ controller中。

ClustersController = $controller('ClustersController', {
    $scope: scope,
    Clusters: clusterSpyFunc
});

在测试中，你仍然可以使用

为方法添加功能

clusterSpy.$save.and.callFake(function (cb) {
    cb({_id: '1'});
});

然后检查间谍值

expect(clusterSpy.$save).toHaveBeenCalled();

这解决了new Clusters()和Clusters.query不是函数的问题。现在，我可以通过对资源工厂的依赖来对我的控制器进行单元测试。

Answer 2

模拟集群服务的另一种方法是：

describe('Cluster Controller', function() {

    var location, scope, controller, MockClusters, passPromise, q;
    var cluster = {_id : '1'};

    beforeEach(function(){

      // since we are outside of angular.js framework,
      // we inject the angujar.js services that we need later on
      inject(function($rootScope, $controller, $q) {
        scope = $rootScope.$new();
        controller = $controller;
        q = $q;
      });

      // let's mock the location service
      location = {path: jasmine.createSpy('path')};

      // let's mock the Clusters service
      var MockClusters = function(){};
      // since MockClusters is a function object (not literal object)
      // we'll need to use the "prototype" property
      // for adding methods to the object
      MockClusters.prototype.$save = function(success, error) {
        var deferred = q.defer();
        var promise = deferred.promise;

        // since the Clusters controller expect the result to be
        // sent back as a callback, we register the success and
        // error callbacks with the promise
        promise.then(success, error);

        // conditionally resolve the promise so we can test
        // both paths
        if(passPromise){
          deferred.resolve(cluster);
        } else {
          deferred.reject();
        }
      }

      // import the module containing the Clusters controller
      module('mean.clusters')
      // create an instance of the controller we unit test
      // using the services we mocked (except scope)
      controller('ClustersController', {
        $scope: scope,
        $location: location,
        Clusters: MockClusters
      });


    it('save completes successfully', function() {
      passPromise = true;
      scope.save();

      // since MockClusters.$save contains a promise (e.g. an async call)
      // we tell angular to process this async call before we can validate
      // the response
      scope.$apply();

      // we can call "toHaveBeenCalledWith" since we mocked "location.path" as a spy
      expect(location.path).toHaveBeenCalledWith('clusters/' + cluster._id););

    });

    it('save doesn''t complete successfully', function() {
      passPromise = false;
      scope.save();

      // since MockClusters.$save contains a promise (e.g. an async call)
      // we tell angular to process this async call before we can validate
      // the response
      scope.$apply();

      expect(location.path).toHaveBeenCalledWith('/error'););

    });

  });

});

你如何模拟angularjs $资源工厂

2 个答案: