禁用茉莉花测试的引导转换

Question

我正试图写一个Jasmine测试来覆盖一个Twitter Boostrap模态对话框。当调试器行被注释掉时，测试失败。当调试器暂停处理并且我继续时，它通过。我认为引导模式的转换导致了这个问题，因为在我进行expect调用时，模式对话框还不在DOM中。

如何在测试期间禁用转换？

谢谢

describe("test dialog", function(){
    it("when cancel button is clicked", function() {
        spyOn(MyTestObj, 'myMethod')

        $("#cancelButton").click();

        debugger;

        expect($(".bootbox-body")).toHaveText("Are you sure you want to cancel?")

        $('.modal-footer button[data-bb-handler="Yes"]').click();

        expect(MyTestObj.myMethod).toHaveBeenCalledWith("123")
    })
})

感谢Jarred，您的解决方案非常有效！这是我的工作测试：

    describe("test dialog", function(){
        it("when cancel button is clicked", function() {
            spyOn(MyTestObj, 'myMethod')

            $("#cancelButton").click();

            waitsFor(function() {
                return $(".bootbox-body").is(":visible");
            }, "Element did not show up", 1000);

            runs(function () {
                expect($(".bootbox-body")).toHaveText("Are you sure you want to cancel?")
                $('.modal-footer button[data-bb-handler="Yes"]').click();

                expect(MyTestObj.myMethod).toHaveBeenCalledWith("123")
            })
        })      
    })

Answer 1

您可以使用 waitsFor jasmine 方法，后跟一个 run 块 （https://github.com/pivotal/jasmine/wiki/Asynchronous-specs#waitsforfunction-optional-message-optional-timeout）：

$（'.modal-footer button[data-bb-handler=“Yes”]'）.click（）;

waitsFor(function() {
    return $(".bootbox-body").is(":visible");
}, "Element did not show up", 1000);

runs(function () {
    expect(MyTestObj.myMethod).toHaveBeenCalledWith("123")
})

<代码>