使用jasmine进行subscribe方法的angular2测试

Question

我有一个规范代码来测试这样

 it('login test', () => {

      const fixture = TestBed.createComponent(component);
      fixture.detectChanges();
      let authService = fixture.debugElement.injector.get(Auth);
      spyOn(authService, 'login').and.returnValue('');

      const elements = fixture.nativeElement;
      fixture.componentInstance.login();
      expect(authService.login).toHaveBeenCalled();
    });

和这样的实现代码

login() {

    this.auth.login(this.username, this.password).subscribe(() => {

      }
    });
  }

它给出了错误:

this.auth.login(...).subscribe不是一个函数

为什么会发生这种错误？

Answer 1

您需要使用subscribe方法返回一些内容,因为组件subscribe直接从中调用login.字符串没有.你可以只返回一个带有subscribe函数的对象,它应该可以工作

and.returnValue({ subscribe: () => {} });

或者,如果你想通过一个真实的观察,你可以

and.returnValue(Observable.of('some value'));

您可能需要导入 rxjs/add/observable/of

Answer 2

在 rxjs v6 上，您应该使用of代替Observable.of或Observable.from例如

const loginService: any = {
    getUser: () => of(['Adam West']),
};

和进口

import { of } from 'rxjs';

Answer 3

更改您的 authService 上的“登录”方法的间谍以返回可观察的而不是值。您需要导入：

import 'rxjs/add/observable/from';
import {Observable} from 'rxjs/Observable';

设置你的间谍：

const loginResult = '';
const spy = spyOn(authService, 'login').and.callFake(() => {
    return Observable.from([loginResult]);
})

呼叫登录：

fixture.componentInstance.login();

断言：

expect(spy).toHaveBeenCalled();