ローカル開発用のAngular2レスポンスのスタブ付け

Question

ang1では、ローカルで開発していたときに$ httpBackendを使用してhttpコールをスタブ/モックすることができました。

$httpBackend 
    .whenGET('/api/v1/accounts/ticker') 
    .respond({data: [1,2,3]}) 

Angular2のローカル開発では、どうやって同様のことをやりますか？

Answer 1

更新

describe('...',() => { 

    beforeEach(() => { 

    TestBed.configureTestingModule({ 
     declarations: [TestComponent], 
     providers: [ 
     MockBackend 
     {provide: XHRBackend, useExisting: MockBackend}, 
     {provide: JSONPBackend, useExisting: MockBackend} 
     ], 
     imports: [HttpModule] 
    }); 
    }); 

    it('...',() => { 
    const fixture = TestBed.createComponent(TestComponent); 
    }); 
}); 

元

bootstrap(AppComponent, [ 
    HTTP_PROVIDERS, 
    provide(XHRBackend, {useClass: MockBackend}), 
    provide(JSONPBackend, {useClass: MockBackend})]); 

そしてMockBackendを注入して、コンポーネントまたはbootstr後にそれを注入することができる

backend.connections.subscribe(c => connection = c); 
    http.request('data.json').subscribe((res) => { 
    expect(res.text()).toBe('awesome'); 
    async.done(); 
    }); 
    connection.mockRespond(new Response('awesome')); 

ようにそれを使用ap like

bootstrap(AppComponent, [ 
    HTTP_PROVIDERS, 
    provide(XHRBackend, {useClass: MockBackend}), 
    provide(JSONPBackend, {useClass: MockBackend})]) 
.then((componentRef: ComponentRef) => { 
    let injector = componentRef.injector; 
    let backend = injector.get(MockBackend); 
    backend.connections.subscribe(connection => { 
    if(connection.request ...) { 
     connection.mockRespond(new Response('awesome'));  
    } 
    }); 
});