angularjs - 如何在 AngularJS 应用程序中模拟/ stub activate() 方法

Question

我目前正在开发一个大型 AngularJS 应用程序，它很大程度上基于优秀的 AngularJS Styleguide by John Papa .

他的一个建议是使用 activate() 方法作为每个 Controller 的一种 Bootstrap 。这使您的代码结构清晰，您立即知道 Bootstrap 从哪里开始。很多时候，我用它来加载数据(我更喜欢这个而不是路由解析)。

我面临的问题是如何在不运行 activate() 方法的情况下对下面代码示例中的 methodUnderTest() 方法进行单元测试。

(function() {
    'use strict';

    angular
        .module('myApp', [])
        .controller('ControllerUnderTest', ControllerUnderTest);

    ControllerUnderTest.$inject = [];

    /* @ngInject */
    function ControllerUnderTest() {
        var vm = this;

        // attach functions to vm
        vm.activate = activate;
        vm.methodUnderTest = methodUnderTest;

        // activate
        activate();

        function activate() {
            // controller start-up logic
        }

        function methodUnderTest() {
            // how to test this method, without running the activate() method
        }
})();

下面是我目前拥有的测试代码，但正如您所期望的那样，它将始终运行 activate() 方法(这不是我想要的)。

(function() {

    var scope, createController;

    beforeEach(module('myApp'));

    describe('ControllerUnderTest', function(){
        beforeEach(inject(function($rootScope, $controller) {
            scope = $rootScope.$new();

            createController = function() {
                return $controller('ControllerUnderTest', { 'scope': scope });
            };
        }));

        it('should be defined', function() {
            var controller = createController();
            expect(controller).toBeDefined();
        });

        it('should have a methodUnderTest', function() {
            var controller = createController();
            expect(controller.methodUnderTest).toBeDefined();
        });

    });
})();

如何在不运行 activate() 方法的情况下测试 ControllerUnderTest.methodUnderTest()？

Answer 1

在模块单元测试中，您必须模拟所有超出测试范围的依赖项。

有点像:

beforeEach(module(function ($provide) {
    $provide.service("myService", function () {
        this.myMethod = function () {
            return "myValue";
        };
    });
}));