如何在AngularJS中测试.run？

Question

myApp.run([
  '$rootScope', 'userService', function($rootScope, userService) {
    return userService.isAuthenticated().then(function(response) {
      if (response.data.authenticated) {
        return $rootScope.$broadcast('login', response.data);
      } else {
        return userService.logout();
      }
    });
  }
]);

那是我在init.js文件中的代码.我怎样才能对此进行单元测试？

Answer 1

单元测试run(..)块就像加载module(..)茉莉花一样简单.

以下所有代码均可在此plunker中找到.

考虑以下非常简单的app.js:

var _idx = 1;
window.log = function(s) {
  console.log('(' + _idx++ + ') ' + s);
};

var app = angular.module('myapp', []);

app.run(function($rootScope) {
  log('run block');
  $rootScope.valueSetInRun = 666;

});

app.controller('MainCtrl', function($scope) {
  log('MainCtrl block');
});

请注意,标记与此应用程序无关.

现在考虑以下测试:

describe('myapp', function() {

  beforeEach(module('myapp'));

  beforeEach(inject(function($rootScope) {
    log('beforeEach');
  }));

  it('should allow me to test the run() block', inject(function ($rootScope) {
    log('it block');
    expect( $rootScope.valueSetInRun ).toBe(666);
  }));
});

这是控制台输出:

(1) run block 
(2) MainCtrl block 
(3) run block 
(4) beforeEach 
(5) it block 

请注意,测试通过

一些重要的观察

• 前两个控制台输出,(1)并(2)在正常的应用程序执行期间记录
• 日志消息(3)到(5)测试正在运行时被输出.

鉴于上述情况,我们可以得出如下结论:

1. 在单元测试中,模块'myapp'被实例化
2. 在单元测试中,MainCtrl未实例化
3. 在单元测试中,run块被执行
4. 当运行一个单元测试中,beforeEach...run块被首先执行,然后beforeEach,最后的it块.
5. 在第二次 beforeEach是没有单元测试的有用run块(注意,你可以把一个beforeEach前块beforeEach(module('myapp'));,但是如果你试图创建一个注射器中,阻止你的测试会失败)

最后,我们可以得出结论,上面的代码是你如何测试一个run块.至于您的特定测试,有了这些知识,就可以使用依赖注入模拟和Jasmine的toHaveBeenCalled()断言来构建单元测试.