Question

rxjs和angular的新手，试图为可观察到成功/错误情况的简单rxjs编写一些基本的单元测试：

服务方法：

export class MyService {

    constructor(private http: HttpClient) {}

    public getId(id) {
        return this.http.get('www.myurl.com/' + id, {
            withCredential: true,
            responseType: 'json' as 'json'
        })
        .pipe(
            map(response => {
                return response;
            }),
            catchError(() => {
                return 'Service returned error';
            })
        };
    }
}

测试：

it('should throw an error',() => {
    spyOn(httpClientMock, 'get').and.returnValue(Observable.throw('error));

    myService.getId('test1')
        .subscribe(
            () => {},
            error => {
                expect(error).toEqual('Service returned error');
            }
        };
});

但是，如果我将Expect语句更改为：

expect(error).toEqual('Service returned erro');

单元测试仍然通过。

如果我注销错误，我会看到：

S
e
r
v
i
c
e

r
e
t
u
r
n
e
d

e
r
r
o
r

Answer 1

似乎问题在于catchError希望从回调fn返回一个Observable，而不仅仅是一个值。试试

import { of } from 'rxjs';

// ...

catchError(() => {
  return of('Service returned error');
})

在这里https://observable-playground.github.io/gist/aa4e24897f4fce150dd92a6fdb0f5929

查看示例

更新

我刚刚意识到，您的主要关注点可能是通过测试。那么问题可能在于可观察变量的异步性。您需要在测试中有一个回调以表明测试是异步的，然后调用该回调以标记执行完成。

例如：

it('should throw an error',(done) => {
    spyOn(httpClientMock, 'get').and.returnValue(Observable.throw('error));

    myService.getId('test1')
        .subscribe(
            () => {},
            error => {
                expect(error).toEqual('Service returned error');
            },
            // We will call done when Observable completes
            () => done()
        };
});

这里有一篇有关Jasmine和异步调用的文章：

https://medium.com/dailyjs/unit-testing-async-calls-and-promises-with-jasmine-a20a5d7f051e

可观察的单元测试应该在失败时通过

1 个答案: