如何在jasmine测试中触发window.onbeforeunload

Question

目前,我已经创建了一个附加到表单的指令.任何时候表单都是脏的,我有一个window.onbeforeunload尝试离开时弹出的确认模式.现在我正在尝试编写一个jasmine测试,以确保在刷新/ url更改时调用window.onbeforeunload.

var app = angular.directive('app');

app.directive('dialog',[$window, function() {
    return {
        restrict: 'A',
        require: 'form',
        link: function(scope, element, attrs, formCtrl) {
            $window.onbeforeunload = function () {
                if(formCtrl.$dirty) {
                    return 'Are you sure you want to leave this form';
                }
            };
        }
    };
}]);

茉莉花规格的一部分

beforeEach(inject(function(_$rootScope_,_$state_,_$window_) {
    $rootScope = _$rootScope_;
    $state = _$state_;
    $window = _$window_;

    spyOn($window, 'onbeforeunload')
}));

describe('Listen for window prompt', function () {
    it('should be called on url/refresh change', function () {
        window.location.reload();
        expect($window.onbeforeunload).toHaveBeenCalled();
    });
});

Answer 1

听起来您正在尝试测试该方法是否执行其应执行的操作，该方法在 url 更改/刷新时会触发。您可能应该测试此事件内发生的代码。您可以在 jasmine 脚本中通过在窗口对象上使用 jquery 触发命令来触发此事件：

$(window).trigger('onbeforeunload');