Jasmine spy無法跟蹤在頁面加載時執行的JS函數

Question

這是我的test_sp.js ：

describe('Controller: MainCtrl', function() {
    var ctrl, mockBaseService;

    beforeEach(function() {

        mockBaseService = {
            sps: 'x',
            cerrorMessages: 'y',
            add: { sp: function(something, cb) { cb() } },
            fetch: { selfsps: function(cb) { cb() } },
            logout: function() {},
        };


        module('BaseApp', function($provide) {
            $provide.value('BaseService', mockBaseService);
        });

        module('SpPageApp');


        inject(function($controller) {
            ctrl = $controller('MainCtrl', {
            });
        });

        spyOn(mockBaseService.fetch, 'selfsps');

    });

     it('should fetch sps from BaseService.fetch.selfsps right away.', function() {
         expect(mockBaseService.fetch.selfsps).toHaveBeenCalled();
     });

});

這是我的sp.js ：

angular.module("SpPageApp", ["BaseApp"])
    .controller("MainCtrl", ["$http", "$window", "BaseService", function($http, $window, BaseService) {

        var self = this;

        // Call BaseService.fetch.selfsps at the beginning of the file.
        BaseService.fetch.selfsps(function() {
            self.sps = BaseService.sps;
            self.cerrorMessages = BaseService.cerrorMessages;
        });

        self.add = function() {
            BaseService.add.sp(self.sp, function() {
                self.cerrorMessages = BaseService.cerrorMessages;
            });
        };    
    }]);

BaseService在base.js的BaseApp模塊中。

話雖如此，當我通過執行karma start測試代碼karma start ，出現以下錯誤：

    Expected spy selfsps to have been called.
        at Object.<anonymous> (/home/a/Documents/CMS/CMSApp/static/js/karma/tests/test_sp.js:59:56)
Chromium 47.0.2526 (Ubuntu 0.0.0): Executed 5 of 5 (1 FAILED) (0 secs / 0.105 secChromium 47.0.2526 (Ubuntu 0.0.0): Executed 5 of 5 (1 FAILED) (0.15 secs / 0.105 secs)

並指向此行：

expect(mockBaseService.fetch.selfsps).toHaveBeenCalled();

怎么來mockBaseService.fetch.selfsps不叫，即使在我sp.js ，我在文件的開頭調用它？

Answer 1

首先實例化控制器。 那將調用BaseService.fetch.selfsps()函數。 然后，只有您開始監視該功能。 太晚了。

您需要在實例化控制器之前進行監視。 就像，如果您想監視電話對話，則需要在對話開始之前開始收聽。 如果您在對話結束后開始收聽，您將聽不到任何聲音。