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

Question

我有一个控制器，它在实例化时启动了一个 init() 方法。它做了很多对我的应用程序在实时环境中有用的事情，但这会弄乱我的单元测试间谍。

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

Answer 1

在没有看到实时代码示例的情况下提供精确的指导有点困难（这就是为什么提供一个具有 Jasmine 测试模板的 plunk 通常是一个好主意）但听起来你的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() {
    //
  });
});

最后，这是 plunker 中的实时代码