如何测试我的方法是否在angular2中引发了一个可观察的错误?

时间:2016-10-24 11:22:00

标签: javascript angular jasmine angular2-testing

我正在为angular2组件创建单元测试用例。

到目前为止,测试用例运行正常。

但是我遇到了有关异步调用的问题。

对于前。我有以下创建新用户的方法,如果用户已经存在则抛出错误:

onSubmit():Observable<any> {  
    this._userService.saveUser(this.user).subscribe(
        (response) => {
          this._directoryService.getDirectoryById(this.selectedDirectory._id).subscribe(
            (directory) => {                        
              this.users = directory[0].users;
            },
            (error) => {              
              return error;              
            }
          );
        },
        (error) => {                   
          return error;         
        }
     );
    return ;
}

在我的服务中,我使用以下内容抛出错误:

if (alreadyExist) {
        let error = "user already exist in database";
        return Observable.throw(error);
}

现在我期待这个方法抛出一个错误:

expect( function(){ app.onSubmit(); } )
    .toThrow(new Error("User already exist in database"));

现在根据我的理解,这个测试用例应该是成功的,但是在我的测试用例失败后我得到了以下错误:

  

抛出异常的预期函数。

我尝试了多个expect块:

expect(app.onSubmit()).toThrowError(new Error("User already exist in database"));

但仍然没有取得任何成功。

任何输入?

感谢

1 个答案:

答案 0 :(得分:16)

关于Observable.throw的事情是它实际上没有抛出任何错误。即使它确实如此,它也会在内部处理。 expect().toThrowError只会捕获未处理的异常,并且会冒泡进行测试。

Observable.throw所做的是将错误传递给onError回调。那么你应该做的是订阅调用,并检查回调中的错误

it('..', async(() => {
  app.onSubmit().subscribe(
    () => {
      fail('expected error');
    },
    (error) => {
      expect(error).toBe('user already exist in database');
    });
}))