angularjs - AngularJS、ngMock のようなモック依存性注入を抽出する方法

Question

ユーザーが行うアクションを追跡するのに役立つように、ほとんどのコントローラーに依存関係が注入された分析サービスがあります。

テスト スイートが作成されるたびにこのサービスのモック バージョンをセットアップするよりも、ngMock アプローチを採用してモックを抽象化することをお勧めします。最善のアプローチは何ですか？

Answer 1

編集

サービスを置き換えるモジュールをロードすることで、サービスをオーバーライドできるようです。

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

---

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

あなたの問題を正しく理解している場合、あなたができることの1つは、コントローラーを備えたモジュールをその追跡サービスに依存させず、その依存関係をアプリレベルに置くことです。次に、テストで、モックされたバージョンを含むモジュールを明示的にロードします。

以下のようなので：

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