單元測試angularjs $ q.all - 承諾永不完成

Question

我試圖測試一個服務，我使用Angular的$q實現Promise。我將Karma，Mocha，Chai，Sinon，Sinon Chai和Chai視爲承諾。

我編寫並返回的所有測試都通過了，但拒絕或使用$q.all([ ... ])的測試通過。我嘗試了所有我能想到的，但我似乎無法找到問題所在。

以下是我所測試的縮小版本：

"use strict"; 


describe("Promise", function() { 

    var $rootScope, 
     $scope, 
     $q; 

    beforeEach(angular.mock.inject(function (_$rootScope_, _$q_) { 
     $rootScope = _$rootScope_; 
     $q = _$q_; 
     $scope = $rootScope.$new(); 
    })); 

    afterEach(function() { 
     $scope.$apply(); 
    }); 

    it("should resolve promise and eventually return", function() { 

     var defer = $q.defer(); 

     defer.resolve("incredible, this doesn't work at all"); 

     return defer.promise.should.eventually.deep.equal("incredible, this doesn't work at all"); 
    }); 

    it("should resolve promises as expected", function() { 

     var fst = $q.defer(), 
      snd = $q.defer(); 

     fst 
      .promise 
      .then(function (value) { 
       value.should.eql("phew, this works"); 
      }); 

     snd 
      .promise 
      .then(function (value) { 
       value.should.eql("wow, this works as well"); 
      }); 

     fst.resolve("phew, this works"); 
     snd.resolve("wow, this works as well"); 

     var all = $q.all([ 
      fst.promise, 
      snd.promise 
     ]); 

     return all.should.be.fullfiled; 
    }); 

    it("should reject promise and eventually return", function() { 
     return $q.reject("no way, this doesn't work either?").should.eventually.deep.equal("no way, this doesn't work either?"); 
    }); 

    it("should reject promises as expected", function() { 

     var promise = $q.reject("sadly I failed for some stupid reason"); 

     promise 
      ["catch"](function (reason) { 
       reason.should.eql("sadly I failed for some stupid reason"); 
      }); 

     var all = $q.all([ 
      promise 
     ]); 

     return all.should.be.rejected; 
    }); 

}); 

第三，最後和第一個測試是失敗的。其實它不會失敗，它只是在超時超時後解決，我得到一個Error: timeout of 2000ms exceeded。

編輯：我剛剛試過用Kris Kowal的承諾實施測試，它工作得很好。

P.S.我實際上發現在摩卡，柴或Chai As Promised的碗中有一段時間，並且afterEach掛鉤被調用的時間晚於超時。

Answer 1

我試圖找出爲什麼測試沒有通過，即使乍一看他們應該。當然，我不得不將$scope.$apply();從afterEach移開，因爲那不是所謂的@proloser所提及的地方。

即使我已經這樣做了，測試仍然沒有通過。我還在chai-as-promised和angular上打開了一些問題，看我是否收到任何意見和反饋，並且實際上我已被告知最有可能不工作。原因可能是因爲角度$q對消化階段的依賴，這在梳理圖書館中沒有考慮到。

因此，我用Q而不是$q檢查了測試，結果很好，因此加強了我的假設，即錯誤不在於承諾的庫中。

我最終放棄柴作爲許諾的，我已經用摩卡的done回調，而不是重寫我的測試（即使在幕後，柴作爲許諾的不一樣）：

"use strict"; 


describe("Promise", function() { 

    var $rootScope, 
     $scope, 
     $q; 

    beforeEach(angular.mock.inject(function (_$rootScope_, _$q_) { 
     $rootScope = _$rootScope_; 
     $q = _$q_; 
     $scope = $rootScope.$new(); 
    })); 

    it("should resolve promise and eventually return", function (done) { 

     var defer = $q.defer(); 

     defer 
      .promise 
      .then(function (value) { 
       value.should.eql("incredible, this doesn't work at all"); 
       done(); 
      }); 

     defer.resolve("incredible, this doesn't work at all"); 

     $scope.$apply(); 

    }); 

    it("should resolve promises as expected", function (done) { 

     var fst = $q.defer(), 
      snd = $q.defer(); 

     fst 
      .promise 
      .then(function (value) { 
       value.should.eql("phew, this works"); 
      }); 

     snd 
      .promise 
      .then(function (value) { 
       value.should.eql("wow, this works as well"); 
      }); 

     fst.resolve("phew, this works"); 
     snd.resolve("wow, this works as well"); 

     var all = $q.all([ 
      fst.promise, 
      snd.promise 
     ]); 

     all 
      .then(function() { 
       done(); 
      }); 

     $scope.$apply(); 

    }); 

    it("should reject promise and eventually return", function (done) { 

     $q 
      .reject("no way, this doesn't work either?") 
      .catch(function (value) { 
       value.should.eql("no way, this doesn't work either?"); 
       done(); 
      }); 

     $scope.$apply(); 

    }); 

    it("should reject promises as expected", function (done) { 

     var promise = $q.reject("sadly I failed for some stupid reason"); 

     promise 
      ["catch"](function (reason) { 
       reason.should.eql("sadly I failed for some stupid reason"); 
      }); 

     var all = $q.all([ 
      promise 
     ]); 

     all 
      .catch(function() { 
       done(); 
      }); 

     $scope.$apply(); 

    }); 

}); 

上述測試將全部按預期順利完成。可能還有其他方法可以做到，但我無法弄清楚其他方式，所以如果其他人做的話，發佈它可以讓其他人從中受益，那將是非常棒的。

Answer 2

afterEach()用於清理，而不是用於在準備之後但在測試之前執行代碼。 $scope.$apply()也沒有清理。

你需要做以下幾點：

// setup async behavior 
var all = $q.all(x.promise, y.promise) 

// resolve your deferreds/promises 
x.reject(); y.reject(); 

// call $scope.$apply() to 'digest' all the promises 
$scope.$apply(); 

// test the results 
return all.should.be.rejected; 

你做一個$apply()後，您的測試完成，而不是在設置和評價之間。