ユニットテストで$ injectorが$ stateを見つけられないのはなぜですか？

Question

私のモジュールとユニットテストのセットアップは次のとおりです。 $ stateを設定しようとすると、$injector.get("$state")は常に楽しい不明なプロバイダをスローします。$ stateProvider < - $ stateエラーと私はなぜ理解していません。

angular.module("my-module", [ 
     //Third Party 
     "ui.bootstrap", 
     "ui.router", 
     "toaster", 
     "angular-loading-bar", 
     "ngAnimate", 
     "ngSanitize", 
     "ApplicationInsightsModule", 
     "pascalprecht.translate" 
]); 

describe("something descriptive and helpful",(): void => { 
    // a bunch of other service variables.... 
    var $state: any; 

    // I've tried with and without this line 
    beforeEach(() => angular.module("ui.router")); 

    beforeEach(() => { 

     angular.module("my-module"); 

     inject(($injector: ng.auto.IInjectorService): void => { 
      // a bunch of other service variable assignments 
      $state = $injector.get("$state"); 
     }); 
}); 

Answer 1

あなたはモジュールをロードするために

angular.mock.module("my-module") 

を呼び出す必要があります。

Answer 2

$stateProviderと$stateは、サードパーティのサービスをスタブし、自分のコードのみを単独でテストすることで、動く部品の数を減らすことです。

これは、基本的には、追加のスタブが必要になりますので、ui.routerモジュールがテストされたモジュールにロードすることが想定されていないこの時点で

beforeEach(module("my-module", ($provide) => { 
    $provide.factory('$state', ($q) => ({ 
    go: jasmine.createSpy().andCallFake(() => $q.resolve()); 
    })); 
})); 

it('...', inject(($state, ...) => { 
    ... 
    expect($state.go).toHaveBeenCalledWith('stateName'); 
}); 

です。

また、$stateProviderルート構成のテスト方法については、this answerも参照してください。