Question

我正在测试一个从另一个控制器调用$ rootScope方法的函数。有没有办法将该函数添加到我试图测试的控制器的$ rootScope？我正在使用包含Jasmine，Karma，PhantomJS等的测试环境。

Answer 1

如果要在测试中手动添加方法，可以在测试运行之前使用Jasmine的beforeEach()设置模拟/实现方法，因此使用inject()可以传递{{1}并设置你的方法

Answer 2

由于$ rootScope在所有控制器之间共享，您可以直接在$ rootScope对象中定义函数，考虑放置函数定义在app.run处理程序中，否则，您必须确保为要定义的函数加载控制器，下面的示例显示了两种方法：

<div ng-app="myApp">

<div ng-controller="Ctrl1">
  <h1>Controller 1</h1>
  <button ng-click="myFunc()">Test $rootScope.myFunc()</button>
  <button ng-click="toBeDefniendinCtrl1()">Test $rootScope.toBeDefniendinCtrl1()</button>
</div>

<div ng-controller="Ctrl2">
   <h1>Controller 2</h1>
  <button ng-click="myFunc()">Test $rootScope.myFunc()</button>
  <button ng-click="toBeDefniendinCtrl1()">Test $rootScope.toBeDefniendinCtrl1()</button>
</div>

</div>
<script>
var app = angular.module('myApp', []);
app.run(function($rootScope){
  $rootScope.myFunc = function (){ alert("hi"); }
  $rootScope.toBeDefniendinCtrl1 = null;
})  
app.controller('Ctrl1', function($scope, $rootScope) {
  $rootScope.toBeDefniendinCtrl1 = function (){ alert("hello from Ctrl1"); }   
});

app.controller('Ctrl2', function($scope, $rootScope) {


});
</script>

请参阅：http://jsbin.com/xiyozitage/edit?html,output

上的工作示例

如何在Angular单元测试中从另一个控制器的rootScope中向rootScope添加方法？

2 个答案: