在 Angular.js 单元测试中$scope没有$on函数，但在测试中$rootScope

Question

我正在尝试运行一个简单的单元测试，它只是创建一个控制器(一位同事编写了它，因此其他人可以添加自己的单元测试)，但是我所做的更改甚至阻止了它通过。这位同事不知道为什么它不起作用。这是简单的测试。

测试

describe("My Controller", function () {
var $q, $controller, $scope, $rootScope;
var createCtrl;
beforeEach(function () {
module('myModule');
});
beforeEach(inject(function (_$q_, _$rootScope_, _$controller_, _$httpBackend_) {
$controller = _$controller_;
$scope = _$rootScope_.$new();
$scope.$parent = {
dummyFn: function() {}
};
createCtrl = function createCtrl() {
return $controller('MyController', {
'$q': _$q_,
'$scope': $scope
});
};
}));
}));
describe("Controller stability", function() {
it("should initialise the controller without error", function() {
var controller = createCtrl();
});
});

如您所见，上面的测试除了在创建控制器时捕获错误外，什么都不做。

下面是控制器中代码的模型：

法典

(function() {
"use strict";
const {angular} = window;
angular.module('myModule', [])
.controller('MyController', MyController);
MyController.$inject = ['$routeParams', '$scope'];
function MyController($routeParams, $scope) {
var vm = this;
$scope.$on('event-name', function(event, eventData) {
vm.eventData = eventData;
updateData();
})
}
})();

我得到的错误取决于我如何运行业力，但似乎关系松散。

如果我使用gulp任务从命令行运行它，我会得到：

TypeError: undefined is not an object (evaluating 'current.$$listenerCount[name]') in dist/app/vendor.js
$on@dist/app/vendor<line number>

并且堆栈跟踪穿过角度并返回测试。

如果我在 Karma 的调试窗口中运行它：

Uncaught TypeError: Cannot read property 'event-name' of undefined
at Scope.$get.Scope.$on (hostname.com:9876/base/dist/vendor.js:<line number>)

然后通过堆栈跟踪再次向下。

查看$on的代码，我不明白为什么它会以这两种不同的方式失败。

更改控制器代码以使用$rootScope.$on似乎可以简化测试，但我不明白为什么测试需要它，而不是主应用程序。

为什么$on在主应用程序中没有在测试中打开$scope？

Answer 1

问题来自这样一个事实，即$on关心$parent。

它将检查父侦听器并尝试查看那里是否有另一个侦听器，但由于父侦听器未"正确"创建，因此找不到它并死亡。

相反，请使用以下命令实例化它：

$scope.$parent = angular.extend(_$rootScope_.$new(), {
dummyFn: function() {}
});

这样，当调用 angularjs 时，它将拥有 angularjs 期望它拥有的所有属性$on。