无法在规范文件中为 http-get 请求“订阅”到“Observable”答案

【问题标题】：Unable to `subscribe` to `Observable` for http-get request in spec file无法在规范文件中为 http-get 请求“订阅”到“Observable”
【发布时间】：2016-10-02 01:38:31
【问题描述】：

我想测试以下返回 observable 的服务：

 public getData(str:string) {
    // return an observable
    return this.http.get(‘calltoserviceapi’+str)
        .map( (responseData) => {

            return responseData.json().Abc;
        })
        .map((s: Array<any>) => {
            let result:Array<AbcModel> = [];
            if (s) {
                s.forEach((s) => {
                    result.push(
                        new AbcModel(s.Val1,
                            s.Val2,
                            ));
                });
            }
            return result;
        });
}

我的规格文件：

fdescribe ("my-service.spec.js", ()=> {

    beforeEachProviders(() => [
        MyService,
        BaseRequestOptions,
        MockBackend,
        provide(Http, {
            useFactory: (backend: MockBackend, defaultOptions: BaseRequestOptions) => {
                return new Http(backend, defaultOptions);
            },
            deps: [MockBackend, BaseRequestOptions]
        }),
        provide(XHRBackend, {useClass: MockBackend})
    ]);



fit('should get response',inject([XHRBackend, MyService], (mockBackend, service) => {
        console.log("inside fit");
        let response = "something returned from service";
        let responseOptions = new ResponseOptions({ body: response });

        mockBackend.connections.subscribe((connection: MockConnection) => {
                connection.mockRespond(new Response(responseOptions));
        });

        service.getData('xyz').subscribe((a: MyModel[]) => {
                    expect(a.length).toBe(11); //this is NOT failing
              expect(a).toContain(“something”);

                }); //debugger not going inside subscribe

    }));

在调试时，订阅方法不会被执行。结果我的测试用例在没有被执行的情况下通过了。我错过了什么？
P.S：MyService 目前没有在组件内部使用/调用。

【问题讨论】：

标签： angular httprequest rxjs observable angular2-testing

【解决方案1】：

我觉得你需要加async(...)

fit('should get response',async(inject([XHRBackend, MyService], (mockBackend, service) => {

让测试等到所有异步任务完成。否则，http.get() 任务将被安排，然后测试结束。

【讨论】：

出于某种原因，webstorm 在单独使用inject 或async(inject(.. 时抛出TS2345: Argument of type 'Function' is not assignable to parameter of type '(done: DoneFn) => void'. Type 'Function' provides no match for the signature '(done: DoneFn): void'
我有点困惑，为什么我们要使用mockbackend 那么如果我们要等待服务api返回一些东西。
您使用的是哪个 Angular2 版本？我不明白你最后的评论。 mockbackend 用于阻止对服务器的调用并能够从测试内部提供响应。服务 API 的行为与调用服务器的行为相同（即使实际上并非如此）。
正是我的意思。但调试器仍然没有进入subscribe 方法。
因为没有办法让测试等待异步调用完成，测试在异步调用 (http.get()) 被安排（但尚未执行）后立即结束。

【解决方案2】：

我终于找到了解决方案。我做了两个改变：

使用@Gunter 指出的async()
字符串化传递的响应。

这里是代码：

fit('should get response',async(inject([XHRBackend, MyService], (mockBackend, service) => { //<--- wrap inside async call
    console.log("inside fit");
    let response = "something returned from service";
    let responseOptions = new ResponseOptions({ body: JSON.stringify(response) }); //<--- stringify the response

    mockBackend.connections.subscribe((connection: MockConnection) => {
            connection.mockRespond(new Response(responseOptions));
    });

    service.getData('xyz').subscribe((a) => {
                    expect(a.length).toBe(11); //will fail
                   expect(a).toContain(“something”); //will pass

                }); 

})));

【讨论】：