为什么 qunit 测试返回错误值

Question

我有以下功能：

MarketingHandler = function () {
    return {
        Init: function () {

                $(document).on("click", "#verify .modal-close", function () {
                    tryVerification();
                });


        }

    }

    function tryCommunicationPreferencesInterceptorAfterVerification() {
        var overlayIsNotDismissed = CookieHelper.GetCookie("dismissed-overlay") == null

        if (overlayIsNotDismissed && window.location.pathname === "/Home/") {
            OverlayHelper.Display("save-preferences");
        }
        else if (overlayIsNotDismissed) {
            // do something else 
        }
    }
}();

$(document).ready(function () {
    MarketingHandler.Init();
});

我正在尝试编写一个测试，显示应该调用OverlayHelper.Display("save-preferences");。这是我的尝试：

QUnit.test("Test", function (assert) {
    MarketingHandler.Init();
    if (CookieHelper.GetCookie("dismissed-overlay") != null) {
        CookieHelper.DeleteCookie("dismissed-overlay");
    }

    sinon.stub(window.location, 'pathname').returns("/Home/");
    var displayOverlaySpy = sinon.spy(OverlayHelper, 'Display');

    var $fixture = $("#qunit-fixture");
    $fixture.append(HTMLInjector());
    $('#verify .modal-close').click();

    assert.ok(displayOverlaySpy.calledOnceWith("save-preferences"), "overlay shown");
    displayOverlaySpy.restore();
});

function HTMLInjector() {
    return "<input type='hidden' id='verify .modal-close'/>"
}

但是，我在测试中得到“预期为真，结果为假”。谁能发现我在这里出错的地方？

Answer 1

似乎点击事件是异步触发的，并且断言发生在点击发生之前。我认为您可以使用以下方法来解决此问题。

var done = assert.async();
var $fixture = $("#qunit-fixture");
$fixture.append(HTMLInjector());
$('#verify .modal-close').click();

setTimeout(function() {
    assert.ok(displayOverlaySpy.calledOnceWith("save-preferences"), "overlay shown");
    done();
});