如何在Jasmine的承诺下测试代码，然后阻止？

Question

我有下面的代码，我想尽可能地对其进行测试。 我只是在摸索如何在authenticationService.authenticate()的then块中测试这两行。 我已经来回搜索，但是没有找到任何可用的信息。

当我检查广播是否被触发时，结果为假，因为最初有一条广播消息触发了整个代码。

function shellController($location, $rootScope, $scope, authenticationService, authService, common)
    {
        $scope.$on('event:auth-loginRequired', function ()
        {

            var user = {
                userName: 'visitor',
                password: 'visitor'
            };

            authenticationService.authenticate(user).then(function (result) {

                $rootScope.$broadcast('event:username-changed');

                authService.loginConfirmed();
            });

        });
    }

我如何模拟当authenticationService.authenticate()成功返回时-是否成功返回不是测试对象-以及$rootScope.$broadcast('event:username-changed'); 被调用-这是测试主题吗？

Answer 1

测试promise的要点是要知道可以通过执行$rootScope.$digest()来解决promise。 另一点是模拟由返回承诺的特定函数返回的承诺（通过返回已解决的承诺或被拒绝的承诺）。 这样，可以为您提供控制测试流程的工具。 以下测试向您展示了如何执行此操作：

DEMO

script.spec.js

describe('shellController', function() {

  var locals,
      shellController,
      $q;

  beforeEach(module('app'));

  beforeEach(inject(function($controller, $location, $rootScope, _$q_) {

    $q = _$q_;

    locals = {
      $location: $location,
      $rootScope: $rootScope,
      $scope: $rootScope.$new(),
      authenticationService: {
        authenticate: jasmine.createSpy('authenticate')
      },
      authService: {
        loginConfirmed: jasmine.createSpy('loginConfirmed')
      },
      common: {}
    };

    shellController = $controller('shellController', locals);

  }));

  describe('event:auth-loginRequired', function() {

    it('should authenticate user', function() {

      locals.authenticationService.authenticate.and.returnValue($q.when());
      locals.$rootScope.$broadcast('event:auth-loginRequired');

      expect(locals.authenticationService.authenticate).toHaveBeenCalledWith({
        userName: 'visitor',
        password: 'visitor'
      });

    });

    describe('when user authentication succeeds', function() {

      var spy,
          result;

      beforeEach(function() {

        result = {};
        locals.authenticationService.authenticate.and.returnValue($q.when(result));

        spy = jasmine.createSpy('event:username-changed');
        locals.$scope.$on('event:username-changed', spy);

        locals.$rootScope.$broadcast('event:auth-loginRequired');
        locals.$rootScope.$digest();

      });

      it('should broadcast an event `event:username-changed` to all scopes', function() {
        expect(spy).toHaveBeenCalled();
      });

      it('should call authService.loginConfirmed()', function() {
        expect(locals.authService.loginConfirmed).toHaveBeenCalled();
      });

    });

    describe('when user authentication fails', function() {

      var spy;

      beforeEach(function() {
        locals.authenticationService.authenticate.and.returnValue($q.reject());

        spy = jasmine.createSpy('event:username-changed');
        locals.$scope.$on('event:username-changed', spy);

        locals.$rootScope.$broadcast('event:auth-loginRequired');
        locals.$rootScope.$digest();

      });

      it('should not broadcast an event `event:username-changed` to all scopes', function() {
        expect(spy).not.toHaveBeenCalled();
      });

      it('should not call authService.loginConfirmed()', function() {
        expect(locals.authService.loginConfirmed).not.toHaveBeenCalled();
      });

    });

  });


});

Answer 2

您要测试promise行为还是仅测试成功回调中的逻辑？

如果只是回调，那么我将从匿名函数转到其自己的函数，并在没有承诺的情况下对其进行测试。

否则，我认为您可以在测试中使用$ httpBackend来触发承诺。