单元测试 $scope.$on - 未捕获事件

Question

我有一个带有简单 $scope.$on 的控制器：

app.controller('MyController', function($scope) {
    $scope.$on("myBroadRcvr", function(event, data) {
        $scope.name = data.name;
        $scope.empID = data.empID;
    });
});

我尝试过这样的单元测试：

describe('MyController', function () {
    var $scope, super_controller;

    beforeEach(function(){
        module('myApp');

        inject(function($rootScope, $controller){
            $scope = $rootScope.$new();
            spyOn($scope, '$on');

            super_controller = $controller('MyController', {$scope: $scope});            
        });
    });

    it('should receive name as test', function (){

        var myData = {name: 'test', empID: 'eg7gg'},
        var sub_scope = $scope.$new();

        sub_scope.$broadcast('myBroadRcvr', myData);

        expect($scope.$on).toHaveBeenCalled();
        expect($scope.name).toBe('test');
    });
});

通过以上我得到：

Expected undefined to be 'test'.

Answer 1

您的sub_scope 是$scope 的子级，但$broadcast 将事件向下 发送范围层次结构，因此您在父范围（本例中为$scope）上的监听器可以不要抓住它。您应该改用$emit，例如：

sub_scope.$emit('myBroadRcvr', myData);

见docs on $broadcast here：

向下分发事件名称到所有子作用域（及其子作用域），通知已注册的 $rootScope.Scope 侦听器。

（对比$emit，向上发送。）

---

您的代码还有一个小语法错误：var myData = {name: 'test', empID: 'eg7gg'}, 行应该以 ; 结尾。