AngularJS コントローラーユニットテスト - サービスの注入 質問する

AngularJS コントローラーユニットテスト - サービスの注入 質問する

AngularJS ユニットテストに関する簡単な質問です。シンプルなサービスを使用するコントローラーがあります (angular-seed プロジェクトから適応)

services.js:

angular.module('myApp.services', []).value('version', '0.1');

コントローラ.js:

function MyCtrl1($s, version) {
  $s.version = version;
}
MyCtrl1.$inject = ["$scope","version"];

これは私のアプリではうまく機能します。ただし、ユニット テスト フレームワークでコントローラーを作成するときに問題があります。 'version' サービスを挿入する方法 (またはインスタンスを作成する方法) と、それを $controller() ファクトリーに渡す方法がわかりません。これが私がやりたいことだと思いますが?! 基本的な仕様は次のとおりです。

コントローラースペック.js:

beforeEach(inject(function($rootScope, $controller) {
  scope = $rootScope.$new();
  // how about version service?
  ctrl = $controller(MyCtrl1, {$scope: scope, /* version: <where from?> */});
}));

it('Version should be 0.1 ...', function() {
    expect(scope.version).toBe('0.1');
});

テストハーネスを実行すると次の結果が得られます。>テスト

... 失敗しました (3.00 ミリ秒): エラー: エラー: 不明なプロバイダー: versionProvider <- version エラー: 不明なプロバイダー: versionProvider <- version

$injector/$provider と module() を使っていろいろ試してみましたが、効果はありませんでした。答えは簡単なはずですが、わかりません。

ベストアンサー1

beforeEach(module('myApp.services'))記述ブロックに追加するだけです。これにより、「version」サービスを含むサービス モジュールがテスト インジェクタにロードされ、テストで使用できるようになります。

おすすめ記事