角度2 - ウィンドウ依存のユニットテストサービス

Question

私はAngular2でサービスをテストしようとしています。このサービスでは、window.locationとwindow.location.hashを何度か使用しています。 Stackoverflowに関する他の質問を読んだ後、私はグローバルウィンドウを直接使用するのではなく、サービスにウィンドウを注入することに決めました。私はapp.module.tsでウィンドウ登録したことについては

@Injectable() 
export class AuthService { 
    constructor(private router: Router, private window: Window) { } 
} 

：私のテストで今

providers: [ 
      AuthService, 
      { 
       provide: Window, 
       useValue: window 
      }, 
      OtherService 
] 

を、私はこの答えと同様に窓を模擬しようとしています：https://stackoverflow.com/a/37176904

beforeEach(() => { 
routerStub = { 
    navigate: jasmine.createSpy('navigate') 
}; 
mockWindow = <any> { location: <any> {hash: 'testhash'}}; 
TestBed.configureTestingModule({ 
    providers: [ 
    AuthService, 
    { provide: Router, useValue: routerStub }, 
    { provide: Window, useValue: mockWindow } 
    ] 
}); 

authService = TestBed.get(AuthService); 
}); 

エラー： 'エラー：AuthServiceのすべてのパラメータを解決できません：（[オブジェクトオブジェクト]、？）'

モックルーターを注入しても問題なく動作しますが、モックウィンドウを注入しても機能していないようです。誰もこれで私を助けることができますか？私が間違っていることは何ですか？私は私のために働く解決策を見つけることができませんでした。

Answer 1

は、あなたのサービスでこの

のようにそれを試してみてください：あなたは、あなたのサービスを提供し、あなたのモジュールで

constructor(http: Http, @Inject('Window') private window: Window) { 
     super(http); 
     console.log(window.location); 
    } 

、このようにウィンドウを提供します。

providers: [AuthService,{ provide: 'Window', useValue: window }, OtherService] 

次に、あなたのテストに：

... 
mockWindow = { location: {hash: 'testhash'}}; 
TestBed.configureTestingModule({ 
    providers: [ 
    AuthService, 
    { provide: Router, useValue: routerStub }, 
    { provide: 'Window', useValue: mockWindow }, 

    ] 
}); 
... 

しかし、AoTのオープンバグはありません。 https://github.com/angular/angular/issues/15640