AngularJS，如何提取像 ngMock 这样的模拟依赖注入

Question

我们有一个分析服务，它依赖注入到我们的大多数控制器中，以帮助我们跟踪用户所做的操作。

与其在每次创建测试套件时都设置此服务的模拟版本，不如采用 ngMock 方法并抽象模拟。最好的方法是什么？

Answer 1

编辑

看起来你可以通过加载一个替换它的模块来覆盖服务。

http://plnkr.co/edit/mHI19j6FDtV8UElRWvUs?p=preview

---

http://plnkr.co/edit/lZg8eQdoQRNtqedcr2UU?p=preview

如果我正确理解您的问题，您可以做的一件事是不要让您的控制器模块依赖于该跟踪服务，并将该依赖关系置于应用程序级别。然后，在您的测试中，只需显式加载包含模拟版本的模块。

比如：

var core = angular.module('core', []);
var analytics = angular.module('analytics', []);
var app = angular.module('plunker', ['analytics', 'core']);
var mockAnalytics = angular.module('mockAnalytics', []);

core.controller('MainCtrl', function($scope, tracker) {
  $scope.track = tracker.track();
});

analytics.factory('tracker', function () {
  var service = {};

  service.track = function () {
    return "I'm real";
  }

  return service;
});

mockAnalytics.factory('tracker', function () {
  var service = {};

  service.track = function () {
    return "I'm a mock";
  }

  return service;
});

测试：

describe('Testing a controller', function() {
  var $scope = null;
  var ctrl = null;

  beforeEach(module('core'));
  beforeEach(module('mockAnalytics'));

  beforeEach(inject(function($rootScope, $controller) {
    $scope = $rootScope.$new();

    ctrl = $controller('MainCtrl', {
      $scope: $scope
    });
  }));

  it('should have its $scope.track == "I\'m a mock"', function() {
    expect($scope.track).toEqual("I'm a mock");
  });
});