AngularJS茉莉花承诺测试由于超时而失败

Question

我正在尝试测试我的登录控制器，如下所示：

describe('LoginController', function() {
    beforeEach(module('task6'));

    var $controller, LoginService;

    beforeEach(inject(function(_$controller_, _LoginService_) {
        $controller = _$controller_;
        LoginService = _LoginService_;
    }));

    describe('LoginController.submitLogin', function() {
        it('tests if such user exists', function(done) {
            var $scope = {};
            var controller = $controller('LoginController', {$scope: $scope});
            var resultValue;
            controller.loginField = 'John';
            controller.password = 'Smith';

            LoginService.signIn(controller.loginField,
                                controller.password)
            .then(function() {
                expect(true).toBe(true);
                done();
            }); 
        });
    });
});

其中signIn函数为：

function signIn(loginField, password) {
        var defer = $q.defer();
   if (loginField && password) {
        defer.resolve("nice one");
   } else {
        defer.reject("oh dear");
   }
   return defer.promise;
}

但是它总是失败，并显示为“未在指定的超时时间内调用异步回调...”

Answer 1

您需要为控制器创建scope对象作为$rootScope的实例：

describe('LoginController', function() {
  beforeEach(module('task6'));

  var $controller, LoginService;

  // Inject the $rootScope service for use in creating new scope objects.
  beforeEach(inject(function($rootScope, _$controller_, _LoginService_) {
    $controller = _$controller_;
    LoginService = _LoginService_;
  }));

  describe('LoginController.submitLogin', function() {
    it('tests if such user exists', function(done) {
      // Create a new scope for the controller.
      var scope = $rootScope.$new();
      var controller = $controller('LoginController', {$scope: scope});
      var resultValue;
      controller.loginField = 'John';
      controller.password = 'Smith';

      LoginService.signIn(controller.loginField,
                            controller.password)
        .then(function() {
            expect(true).toBe(true);
            done();
        }); 
    });
  });
});

Answer 2

测试结束时，您需要调用$scope.$digest()一次。 一个承诺将永远不会在创建它的同一摘要周期内被解决。

说明

尽管框架可能允许这样做，但开发人员选择了不允许。 请看以下示例，尽管它可能会出现问题：

function login(login, password) {
    LoginService.signIn(login, password)
        .then(function() {
            cancelLoadingAnimation();
        });

    startLoadingAnimation(); 
}

通常，一个承诺是异步解决的，因此我们在这里没有问题。 加载动画在登录功能中启动，并在成功登录后被取消。 但是，想象一下诺言是否立即得到了解决（例如在像您这样的测试中）！ 现在，甚至有可能在动画开始之前就取消了该动画。

当然，可以通过将startLoadingAnimation()调用移到signIn() 。 但是，当承诺总是异步解决时，就很容易对代码进行推理。

更新：正如@gnerkus在他的回答中所述，您必须将$scope创建为$rootScope 。 但是，仅此一项并不能解决问题。 您必须同时做这两项。

Answer 3

我猜@gnerkus和@ lex82都是正确的-我需要运行$ digest周期来实现诺言，但是我仍然需要引用实际范围才能做到这一点。 这是我的代码的最终有效版本：

describe('LoginController', function() {
    beforeEach(module('task6'));

    var $rootScope, $controller, LoginService;

    beforeEach(inject(function(_$rootScope_, _$controller_, _LoginService_) {
        $rootScope = _$rootScope_;
        $controller = _$controller_;
        LoginService = _LoginService_;
    }));

    describe('LoginController.submitLogin', function() {
        it('tests if such user exists', function(done) {
            var $scope = $rootScope.$new();
            var controller = $controller('LoginController', 
                                         {$scope: $scope});
            controller.loginField = 'John';
            controller.password = 'Smith';
            LoginService.signIn(controller.loginField,
                                controller.password)
            .then(function(logged) {
                expect(true).toBe(true);
                done();
            })
            $scope.$digest();
        });
    });
}); 

感谢大伙们！