角2ユニットテストエラー： 'RequestOptions'のすべてのパラメータを解決できません

Question

いくつかの依存関係を持つ単純なコンポーネントをテストします。だから私はいくつかのプロバイダを提供する必要があります。

/* tslint:disable:no-unused-variable */ 

import { By }   from '@angular/platform-browser'; 
import { DebugElement, provide } from '@angular/core'; 

import { 
    beforeEach, 
    beforeEachProviders, 
    describe, 
    expect, 
    it, 
    inject, 
    fakeAsync, 
    TestComponentBuilder 
} from '@angular/core/testing'; 

import { AuthHttp, AuthConfig } from 'angular2-jwt'; 
import { Router, provideRouter } from '@angular/router'; 
import { Http, ConnectionBackend, RequestOptions, HTTP_PROVIDERS } from '@angular/http'; 
import { LogoutButtonComponent } from './logout-button.component'; 
import { UserService } from '../../services/index'; 

describe('Component: LogoutButtonComponent',() => { 

    let component: LogoutButtonComponent; 

    beforeEachProviders(() => [ 
    LogoutButtonComponent, 
    Http, 
    provide(AuthHttp, { useFactory: Http }), 
    provide(AuthConfig, { useValue: new AuthConfig() }), 
    ConnectionBackend, 
    RequestOptions, 
    UserService 
    ]); 

    beforeEach(inject([AuthHttp, UserService, LogoutButtonComponent], 
    (comp: LogoutButtonComponent) => { 
     component = comp; 
    })); 

    it('should inject UserService',() => { 
    // My test here 
    }); 

}); 

私は次のエラーを取得していますが：

Error: Cannot resolve all parameters for 'RequestOptions'(?). Make sure that all the parameters are decorated with Inject or have valid type annotations and that 'RequestOptions' is decorated with Injectable.

私はbeforeEachProviders機能OIN何かが足りないのですか？

注：この質問はジャスミンを使用した角度2のユニットテストにのみ関連しています。私はinfos関連のブートストラップアプリを探しているわけではありません。これは既に私のアプリでは大丈夫ですが、ここに他の関連する質問があります。

Answer 1

RequestOptionsは注射可能ではありませんが、これをクラスに注入することはありません。代わりに、HTTPリクエストを行うときに、必要に応じてインスタンス化します。だから、beforeEachProvidersからそれを削除し、あなたが実際のテストでそれを必要とする場合beforeEachに1をインスタンス化することができます

let options: RequestOptions; 

beforeEach(inject([AuthHttp, UserService, LogoutButtonComponent], 
    (comp: LogoutButtonComponent) => { 
     component = comp; 
     options = new RequestOptions({method: RequestMethod.Post}); 
})); 

Answer 2

あなたのテストベッド構成にHttpModuleをインポートする必要があります。

import { HttpModule } from "@angular/http"; 

TestBed.configureTestingModule({ 
    imports: [ 
    HttpModule 
    ] 
}); 

そのユニットテストは

Answer 3

を動作するはずです後、私は@angular/httpからHttpModuleとHttpをインポートして、私のエラーを修正しました：

import {HttpModule, Http} from "@angular/http"; 
... 

TestBed.configureTestingModule({ 
    imports: [HttpModule], // <!-- HTTP module 
    providers: [HttpService, SourceService, Http] // <!-- HTTP 
});