AngularJS,防止控制器上的init方法在茉莉花测试期间启动

时间:2013-02-17 13:31:00

标签: initialization angularjs jasmine

我有一个控制器,在实例化时启动了init()方法。 它在现场环境中做了很多对我的应用程序有用的东西,但这与我的单元测试间谍有关。

在单元测试环境中实例化控制器时,是否有办法阻止其调用? 或者也许是一种在webapp上下文中自动调用它而不在控制器代码末尾显式调用init()的方法?

1 个答案:

答案 0 :(得分:12)

在没有看到实时代码示例的情况下提供精确指导有点困难(这就是为什么提供具有Jasmine测试模板的插件通常是个好主意)但听起来像是init方法根据环境执行一些应该不同的设置逻辑。如果是这样,前进的方法是将这个初始化逻辑封装到专用服务中并在测试期间模拟这个服务(这正是@Joe Dyndale所建议的)。

如果您的控制器如下所示:

app.controller('MainCtrl', function($scope) {
  $scope.init = function() {
    //something I really don't want to call during test
    console.log("I'm executing");
  };
});

可以重构为:

app.factory('InitService', function() {
  return {
    init = function() {
      //something I really don't want to call during test
      console.log("I'm executing");
    }
  };
});

app.controller('MainCtrl', function($scope, InitService) {
  InitService.init();
});

然后用模拟测试看起来像这样:

describe('Testing an initializing controller', function() {
  var $scope, ctrl;

  //you need to indicate your module in a test
  beforeEach(module('plunker'));
  beforeEach(module(function($provide){
    $provide.factory('InitService', function() {
      return {
        init: angular.noop
      };
    });
  }));
  beforeEach(inject(function($rootScope, $controller) {
    $scope = $rootScope.$new();
    ctrl = $controller('MainCtrl', {
      $scope: $scope
    });
  }));

  it('should test sth on a controller', function() {
    //
  });
});

最后here是plunker中的实时代码