范围函数在角茉莉花测试中给出未定义的错误

Question

我在子控制器中调用函数$scope.getManagerDetails() 。当我为子控制器运行测试文件时，我得到$scope.getManagerDetails 不是函数错误。这里 ManagerController 是父控制器，另一个是子控制器控制器。请帮忙。提前致谢

1)管理控制器

 (function(angular){
    'use strict'
    angular.module('APP').controller('managerCtrl',managerController);
    managerController.$inject=['$scope'];
    function managerController($scope){
        $scope.getManagerDetails = function(){
            //some logic
        }
    }
})(window.angular)

2）员工控制器

    (function(angular){
    'use strict'
    angular.module('APP').controller('employeeCtrl',employeeController);
    employeeController.$inject=['$scope'];
    function employeeController($scope){
        console.log($scope.getManagerDetails())
    }
})(window.angular)

3）员工控制器测试

describe('Employee Controller',function(){

    var $scope,
        $rootScope,
        $injector,
        $controller,
        employeeController;

    beforeEach(module('APP'));

    beforeEach(inject(function(_$rootScope_,_$injector_,_$controller_){
        $rootScope = _$rootScope_;
        $injector = _$injector_;
        $controller = _$controller_;
        $scope = $rootScope.$new();
        employeeController = $controller('employeeCtrl',{
            $scope:$scope
        });
    }));

    it('should have controller be defined',function(){
        expect(employeeController).toBeDefined();
    })

})

Answer 1

getManagerDetails()未在 Employee Controller 中定义（它在 Manager Controller 中定义），因此您可能希望模拟该函数以及 Employee Controller 具有的任何其他依赖项。 例如

$scope = $rootScope.$new();
$scope.getManagerDetails = angular.noop;

话虽如此，像这样嵌套控制器并依赖范围继承并不是最佳实践。 最好创建一个具有独立作用域的指令来封装 Employee Controller 和关联的 HTML 中的所有内容。