獲取測試`趕上（）`錯誤處理程序時，`$已經消化progress`錯誤

Question

這是我的測試：

it('add.user() should POST to /users/, failure', function() { 
    mockBackend.expectPOST("https://stackoverflow.com/users/", {username:'u', password: 'p', email: 'e', location: 'loc'}).respond(400, {msg: "bad request"}); 

    BaseService.add.user({username:'u', password: 'p', email: 'e', location: 'loc'}); 

    mockBackend.flush(); 
}); 

afterEach(function() { 
    mockBackend.verifyNoOutstandingExpectation(); 
    mockBackend.verifyNoOutstandingRequest(); 
}); 

當我運行這個測試，我得到這個錯誤：

Chromium 53.0.2785 (Ubuntu 0.0.0) Factory: BaseService add.user() should POST to /users/, failure FAILED 
    [object Object] thrown 
    Error: [$rootScope:inprog] $digest already in progress 
    http://errors.angularjs.org/1.3.15/$rootScope/inprog?p0=%24digest 
     at /home/user/Documents/ebdjango/ebdjangoapp/static/js/angular.js:63:12 
     at beginPhase (/home/user/Documents/ebdjango/ebdjangoapp/static/js/angular.js:14820:15) 
     at Scope.$digest (/home/user/Documents/ebdjango/ebdjangoapp/static/js/angular.js:14262:9) 
     at Function.$httpBackend.verifyNoOutstandingExpectation (node_modules/angular-mocks/angular-mocks.js:1557:38) 
     at Object.<anonymous> (tests/test_base.js:61:21) 

這是BaseService.add.user()：

self.add = { 
    user: function(user) { 
    return $http.post("https://stackoverflow.com/users/", user) 
     .then(function successHandler(response) { 
      return $http.post("/custom-api-auth/login", user) 
     }).then(function successHandler(response) { 
      $window.location.href = "/"; 

    // if there are errors, rewrite the error messages 
    }).catch(function rejectHandler(errorResponse) { 
        for (prop in errorResponse.data) { 
          if (prop == "email") { 
           errorResponse.data[prop] = "Please enter a valid email address."; 
          } else if (prop == "username") { 
           errorResponse.data[prop] = "Username can only contain alphanumeric characters and '.'"; 
          } else if (prop == "password") { 
           errorResponse.data[prop] = "Please enter a valid password"; 
          } 
        } 
     throw errorResponse; 
}; 

如何防止$digest already in progress錯誤的發生？

編輯：如果我刪除throw errorResponse;，測試工作，但我需要throw errorResponse;那裏，因爲我需要顯示在前端的錯誤（這另一個控制器需要照顧.. BaseService.add.user().catch()基本上重寫應該在顯示的錯誤前端）。

編輯2：當錯誤消息指出at Object.<anonymous> (tests/test_base.js:61:21)它指向的行：mockBackend.verifyNoOutstandingExpectation();

Answer 1

與上述代碼的問題是，它引發內部catch塊。與其他promise實現相反，在$ q中拋出和拒絕並不是一回事。

考慮到$ Q諾言鏈上消化（$httpBackend.flush()這裏）執行同步，裏面catch塊扔將導致未捕獲的錯誤，而不是在拒絕承諾。它可能阻止摘要被完成，並於$摘要結果已經在接下來的消化進度錯誤。

所以一般$q.reject應該用於承諾預期的錯誤，而throw應該只用於嚴重錯誤。它應該是

return $q.reject(errorResponse); 

建議使用Jasmine promise matchers進行測試：

expect(BaseService.add.user({ ... }).toBeRejectedWith({ ... }); 

否則，它必須通過更復雜的諾言鏈進行測試：

var noError = new Error; 

BaseService.add.user({ ... }) 
.then(() => $q.reject(noError)) 
.catch((err) => { 
    expect(err).not.toBe(noError); 
    expect(err).toEqual(...); 
}); 

$rootScope.$digest(); 

位置變化應存根在測試中，因爲在測試中不斷變化的實際位置是過去的事情了一個需求：

module({ $window: { 
    location: jasmine.spyObj(['href']) 
} }) 

並且優選在角應用而不是直接訪問location使用$location服務，除非證明的，否則$location.path('/...')代替location.href = '/...'。

它是使用在測試中已經安全的，雖然$location.path可額外窺探進行測試。