使用茉莉花進行 Angular 2 可觀察錯誤測試

Question

我想測試這個功能：

register(): void {
  let user: User = new User();
  user.username = this.username.value;
  user.email = this.email.value;
  user.password = this.password.value;
  this._authService.register(user)
    .map(rsp => rsp.json())
    .subscribe((response) => { // 
      this._router.parent.navigate(["Login"]); // 
    }, (error) => {
      this.responseError = JSON.parse(error._body).message; 
    }, () => {
      this._authService.login(user)
        .map(rsp => rsp.json())
        .subscribe((data: any) => { // 
          this._authService.handleSuccessLogin(data, user);
          this._router.parent.navigate(["../Game"]);
        });
    });
  }

我的_authService使用 http，但我想偽造那個調用。 我試圖通過它調用並嘲笑 http，但即使我的響應是 4xx，它也運行在成功部分。 是否可以以某種方式測試錯誤部分？

Answer 1

為了模擬一個錯誤，你需要使用mockError的方法MockConnection 。 它接受一個Error對象作為參數而不是Response對象。 為了能夠提供狀態代碼等提示，您可以像這樣擴展Error類：

class ResponseError extends Error {
  status: number;
  (...)
}

並以這種方式使用它：

it('Should return something', inject([XHRBackend, HttpService, Injector], (mockBackend, httpService, injector) => {
  mockBackend.connections.subscribe(
    (connection: MockConnection) => {
      if (connection.request.url === 'file1.json') {
        var err = new ResponseError();
        err.status = 404;
        connection.mockError(err);
        (...)

在這種情況下，錯誤會在您的數據流中拋出並進入例如subcribe方法中指定的第二個回調中。