使用 jasmine 进行单元测试的模拟 angularjs 服务

Question

我有一个 Angular 应用程序，我想使用 jasmine 为其创建单元测试用例。
在我的 AngularJS 应用程序中，我有一个服务：

var canceler;
var myServices = angular.module('myServices', ['ngResource'])

myServices.factory('getData', ['$http', '$q', function($http, $q){
    var canceler;
    return {
        setData: function(url, callback, error) {
                    canceler = $q.defer();
                    $http.post(url, {}, {timeout:canceler.promise}).success(callback).error(error);
        },
        abort: function(){ canceler.resolve();}
    }
}]);

控制器正在使用此服务。

现在我如何为我在 controllerSpecs.js 中使用的注入器提供这个 "getData" 服务的模拟（用于使用 jasmine 进行单元测试）。

作为参考，controllerSpecs.js的代码定义在Getting error while using Jasmine with AngularJS中。

Answer 1

您可以使用 AngularJS 的 $provide 服务。 This page 演示了如何使用 Jasmine's spies 模拟服务的功能。基本上，在您的 Jasmine 测试中，您可以包括：

var getDataMock;

beforeEach(function() {
  getDataMock = {
    setData: jasmine.createSpy(), 
    abort: jasmine.createSpy()
  };

  module(function($provide) {
    $provide.value('getData', getDataMock);
  });
});

这告诉 AngularJS 不是使用真正的 getData 服务，而是使用 mock 代替它。在此示例中，使用 Jasmine spy 进行模拟可以让您轻松创建关于控制器如何以及何时调用 getData 服务的预期。您也可以将getDataMock 设置为任何其他对象，尽管支持与真正的getData 服务相同的API 是有意义的。

对于加分，您可以在单独的文件中指定 getDataMock 对象，以便在被测试的事物使用 getData 的任意数量的单元测试中轻松使用模拟。然而，这需要对您使用的任何 Jasmine 跑步者进行一些配置。

这一切都假设您希望对控制器进行单元测试。如果你想对 getData 服务本身进行单元测试，AngularJS 提供了一个很好的 mocking utility 专门用于 http 请求。

Answer 2

试试这样的

//creation mock service
var mockGetData = {
  data: [],
  setData: function(url, callback, error){
    //emulate real work, any logic can be here
    data.push('called');
    callback(data);
  }
}

以及模拟服务的使用

it('test description', inject(function ($rootScope, $controller){
  var scope = $rootScope.$new();
  var ctrl = $controller('TodoController', { $scope: scope, getData: mockGetData });
  //some test here....
}))