$scope.$on 在单元测试中未定义

$scope.$on is undefined in unit test

我正在对我的控制器的初始化部分进行单元测试,我似乎无法克服 $scope.$on is undefined 错误。我想知道在这种情况下如何编写单元测试或如何测试 $scope.$on()。我没能找到测试这个的官方 angular 文档。

var SidebarController = function ($rootScope, $scope, $window, $location, PersonService, SearchService) {
    $scope.navName = 'Filters'
    $scope.currentFilter = null;
    $scope.filterResult = null;
    $scope.showFilters = true;
    $rootScope.subTabs = null;

    $scope.$on('userDataLoaded', function () {
        //doing stuff here
    });
    //... more stuff here
}

SidebarController.$inject = ['$rootScope', '$scope', '$window', '$location', 'PersonService', 'SearchService'];

我的测试是:

    beforeEach(inject(function (_$controller_, _$rootScope_, _$window_, _$location_, _$httpBackend_, _PersonService_, _SearchService_) {
    $controller = _$controller_;
    scope = _$rootScope_.$new();
    rootScope = _$rootScope_;
    location = _$location_;
    $httpBackend = _$httpBackend_;
    mockWindow = _$window_;
    mockPersonService = _PersonService_;
    mockSearchService = _SearchService_;
    rootScope.userInfo = { tabs: [] };
    scope.$on = function (event, callback) { };
    scope.$digest();
}));

afterEach(function () {
    $httpBackend.verifyNoOutstandingExpectation();
    $httpBackend.verifyNoOutstandingRequest();
});

it('should set  the initial data', function () {
    $controller('SidebarController', { $rootScope: rootScope, $scope: scope, PersonService: mockPersonService });

    rootScope.$broadcast('userDataLoaded');

    expect(scope).toBeDefined();
    expect(scope.navName).toEqual('Filters');
    expect(scope.currentFilter).toBe(null);
    expect(scope.filterResult).toBe(null);
    expect(scope.showFilters).toBe(true);
    expect(rootScope.subTabs).toBe(null);
});

据我所知,正确的做法是广播事件而不是 spyOn $scope.$on 函数本身。

问题出在 $broadcast 功能上。我写的单元测试没有很好地处理 $broadcast

我最终做的是这样的:

spyOn(scope, '$broadcast').and.callThrough();
rootScope.$broadcast('userDataLoaded', true);