在页面刷新时，单元测试在通过和失败之间交替进行

我有两个相互产生副作用的测试。我理解为什么，因为我正在替换在第二个测试中内部调用的jQuery内置函数。然而，我不明白的是为什么考试时而通过时而失败。

这个问题是类似的，但是，我没有直接在unit-fixturediv上做任何事情。

这是我的测试

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;
}();