Angular $q promise 使用 Mocha、Chai、Sinon 进行单元测试

Question

我正在尝试让我的简单 angualr $q promise 单元测试工作。但是我在让它工作时遇到了问题。这是我的 angular 文件。

app.controller('theCtrl', ['$scope', '$q', function($scope, $q) {
    $scope.addOne = function(num) {
        var q = $q.defer();
        if(angular.isNumber(num)) {
            q.resolve(num+1);
        } else {
            q.reject('NaN');
        }
        return q.promise;
    }

    $scope.myVal = 0;
    $scope.promise = $scope.addOne($scope.myVal);

    // $scope.promise.then(function(v) {$scope.myVal = v }, function(err) {$scope.myVal = err});

}]);

我正在使用 Mocha、Chai 和 sinon 进行单元测试。这是我的测试文件。

describe("Contacts App", function() {
   describe("the contact service", function(){
       var $scope, theCtrl, $q;

       beforeEach(module('Contacts'));

       beforeEach(inject(function($injector) {
           var $rootScope = $injector.get('$rootScope');
           var $controller = $injector.get('$controller');
           $scope = $rootScope.$new();
           theCtrl = $controller('theCtrl', {$scope: $scope} );
           $q = $injector.get('$q');     

       }));

       it('should have a properly working promise', function() {
           // Any answers?
       });
    });
});

如有任何建议，我们将不胜感激。谢谢，干杯！

Answer 1

第一个命题

您可以使用 mocha 的回调函数来测试 asynchronous code 以及 angular $timeout.flush()

it('should have a properly working promise', function(done) {
   expect($scope.promise).to.be.defined;
   $scope.promise.then(function() {
       done();
   });
   $timeout.flush();
});

第二命题（摩卡推荐）

您可以使用 https://github.com/domenic/chai-as-promised 和 return 承诺。您的代码应如下所示

it('should increment the input if number given', function() {
   return $scope.addOne(1).should.eventually.equal(2);
});

Angular $q promise 使用 Mocha、Chai、Sinon 进行单元测试

Angular $q promise Unit testing using Mocha, Chai, Sinon

javascript

unit-testing

mocha.js

angularjs

chai