Angular 4单元测试服务调用http服务

Question

我有一个正在调用 http 函数的服务：

processLogin(info) {
    return this._call.post('login', info).subscribe(response => {
        if (response.status === 'success') {
            this._auth.login(response.object);
            return true;
        }

        return false;
    }, error => {
        return false;
    });
}

这是我正在尝试进行的测试：

describe('Facebook Login', () => {
    let service: FacebookLoginService;
    let call: CallService;

    beforeEach(() => {
        TestBed.configureTestingModule({
            providers: [
                FacebookLoginService,
                { provide: CallService, useClass: CallServiceMock },
            ]
        });

        service = TestBed.get(FacebookLoginService);
        call = TestBed.get(CallService);
    });

    it('should process the login when the post method return success', () => {
        spyOn(call, 'post').and.returnValue(Observable.of({status: 'success'}));

        service.processLogin('any').subscribe(response => {
            console.log(response);
        });
    });
});

但是，当我运行测试时，我不断收到错误消息

processLogin().subscribe( ... ) 不是函数

如果我将模拟的响应类型更改为 Observable.of 以外的任何内容，我会收到错误消息

call.post.subscribe( ... ) 不是函数

为什么不工作？我在另一个服务上进行了非常相似的测试，该服务也调用了call.post()，它正在工作。

Answer 1

processLogin 返回的不是 observable 而是订阅，因此不会有 subscribe 方法。 subscribe 回调中的返回值被忽略，因此 processLogin 不会按预期工作。

它可能应该改为返回一个 observable：

return this._call.post('login', info).map(response => { ... });

然后可以这样测试：

spyOn(_call, 'post').and.returnValue(Observable.of({ status: 'success' }));

const login$ = service.processLogin('any');
expect(_call).toHaveBeenCalledWith('login', 'any');

login$.subscribe(response => {
  expect(response).toBe(...);
}, err => { throw err });

它还需要模拟_auth。