javascript – Qunit测试在页面刷新之间交替通过和失败

This question is similar但是,我没有直接在qunit-fixture div上做任何事情.

这是我的测试

test('always passing test',function() { // Always passes
    var panelId = '#PanelMyTab';

    var event = {};
    var ui = {
        tab: {
            name: 'MyTab',},panel: panelId,};

    $('<div id="' + panelId + '">')
        .append('<a href="#" class="export">Test</a>')
        .append('<a href="#" class="showForm">Show Form</a>')
        .appendTo('#qunit-fixture');

    jQuery.fn.on = function(event,callback) {
        ok(this.selector == panelId + ' .export','Setting export click event');
        equal(callback,tickets.search.getReport,'Callback being set');
    };

    loadTab(event,ui);
});

test('alternately passing and failing',function() { // Alternates between passing and failing on page refresh
    expect(5);

    var testUrl = 'test';
    $('<div class="ui-tabs-panel">')
        .append('<a href="'+ testUrl + '" id="getReport">Get Report</a>')
        .append('<form action="notest" target="" class="ticketSearch"></form>')
        .appendTo('#qunit-fixture');

    // Setup form mocking
    $('form.ticketSearch').submit(function() {
        var urlPattern = new RegExp(testUrl + '$');
        ok(urlPattern.test($(this).prop('action')),'Form action set to link href');
        equal($(this).prop('target'),'_blank','Open form on a new page');
    });

    var event = {
        target: 'a#getReport',};

    var result = getReport(event);

    var form = $('form.ticketSearch');

    ok(/notest$/.test($(form).prop('action')),'Making sure action is not replaced');
    equal($(form).prop('target'),'','Making sure that target is not replaced');

    ok(false === result,'click event returns false to not refresh page');
});

测试将从通过开始,但是当我刷新时,它们将在通过和失败之间交替.

为什么会发生这种情况？甚至在URL中添加GET参数会导致页面上的相同行为.

在失败的情况下,测试失败,因为内部jQuery在设置了submit()处理程序时正在调用.on().但是为什么在这种情况下测试总是不会失败？在页面刷新期间保持状态的浏览器是什么？

更新：

以下是正在测试的代码：

var tickets = function() {
    var self = {
        loadTab: function(event,ui) {
            $(panel).find('.export').button().on('click',this.getReport);
        },search: {
            getReport: function(event) {
                var button = event.target;
                var form = $(button).closest('div.ui-tabs-panel').find('form.ticketSearch').clone(true);

                $(form).prop('action',$(button).prop('href'));
                $(form).prop('target','_blank');

                $(form).submit();

                return false;
            }
        }
    };

    return self;
}();