角2のHTTPスタブ

Question

角度のあるエキスパート

私のアプリケーションは単体テストで、少し実験しています。

具体的には、Httpオブジェクトを嘲笑するだけで、コンポーネントを実際のサービスでユニットテストしたいと思います。今私は自分でオブジェクトをスタブしようとしていますので、私はStubHttpクラスを下にしました。

角2：Verson 2.4.7 + Karma、Jasmine。

これはその簡易版である：私は私のコントローラにログを置く場合

let mockTest = '{"name":'John', // ...}; 

export class StubHttp { 
    public post(url: string, body: any, options?: RequestOptionsArgs) 
      :Observable<Response> { 
    let response = new ResponseOptions({body: JSON.stringify(mockTest)}); 
    return Observable.of(new Response(response)); 
    } 
} 

：

this.UsersService.getAll().subscribe((data: any) => { 
    console.log('data = ', data); 
}); 

とサービス：

getAll(event: LazyLoadEvent) { 
    return this.http.post(this.url + this.params, JSON.stringify(this.body),new RequestOptions({headers: this.header})) 
     .map(response => response.json()) 
     .catch(this.handleError); 
} 

これが出力されます。

LOG: 'data = ', Promise{} 

どこが間違いですか？

Answer 1

私はHttp Stubの代わりにXHRBackendとmockBackendを使って解決しました。あなたのスタブ実装で

は

https://blog.thoughtram.io/angular/2016/11/28/testing-services-with-http-in-angular-2.html