角2モックHttp get（）でローカルのjsonファイルを返す

Question

Httpget()で返された応答を模擬する最も簡単な方法は、角2ですか？

ローカルディレクトリdata.jsonが作業ディレクトリにあり、残りのapiをシミュレートするペイロードとしてそのデータを含むレスポンスを返すようにします。

のBackendオブジェクトを設定するためのドキュメントは、このような単純な作業のためにやや不明瞭で複雑すぎます。

Answer 1

XhrBackendプロバイダをMockBackendプロバイダで上書きする必要があります。真のHTTP要求を実行できるように、別のインジェクタを作成する必要があります。ここで

はサンプルです：

beforeEachProviders(() => { 
    return [ 
    HTTP_PROVIDERS, 
    provide(XHRBackend, { useClass: MockBackend }), 
    SomeHttpService 
    ]; 
}); 

it('Should something', inject([XHRBackend, SomeHttpService], (mockBackend, httpService) => { 
    mockBackend.connections.subscribe(
    (connection: MockConnection) => { 
     var injector = ReflectiveInjector.resolveAndCreate([ 
     HTTP_PROVIDERS 
     ]); 
     var http = injector.get(Http); 
     http.get('data.json').map(res => res.json()).subscribe(data) => { 
     connection.mockRespond(new Response(
      new ResponseOptions({ 
      body: data 
      }))); 
     }); 
    }); 
})); 

Answer 2

ところで、あなたはXHRBackendを模擬し、createDbメソッドを持つクラスで嘲笑のデータを提供する必要があります。 createDbメソッドは、模擬JSONオブジェクトを返します。たとえば、JSONオブジェクトが変数mockedObjectに含まれている場合は、"app\mockedObject"になります。たとえば、URL〜http.getのデータをロードするには、正しいデータをロードします。

現在地の詳細を読むことができます：https://angular.io/docs/ts/latest/guide/server-communication.html.

Answer 3

は、あなたは私に、コアテストベッドを介して利用HttpTestingControllerを使用することができ、それがより直感的に感じている（もちろん、独自にそれぞれを、）。テストされていないスニペット：

import { TestBed, async } from '@angular/core/testing'; 
import { HttpTestingController } from '@angular/common/http/testing'; 

import { MyApiService } from './my-api.service'; 

export function main() { 
    describe('Test set',() => { 
    let httpMock: HttpTestingController; 

    beforeEach(() => { 

     TestBed.configureTestingModule({ 
     imports: [], 
     providers: [MyApiService] 
     }); 

     httpMock = TestBed.get(HttpTestingController); 
    }); 

    it('should call get', async(() => { 

     const data: any = {mydata: 'test'}; 
     let actualResponse: any = null; 
     MyApiService.get().subscribe((response: any) => { 
     actualResponse = response; 
     }); 

     httpMock.expectOne('localhost:5555/my-path').flush(data); 
     expect(actualResponse).toEqual(data); 

    })); 
    }); 
}