jasmine异步测试等待for/runs超时

Question

我有一个函数，它将一些HTML加载到页面中，然后附加DOM元素和事件侦听器，并将变量loaded设置为true（用于测试目的）。它都封装在一个父函数中，这样我就可以传入参数并控制命名空间，需要测试的函数在返回对象中公开。

((win) ->
    win.PanelLoader = (args) ->
        loaded = false
        el =
            container: $(".container")
        showPanel = ->
            $.get "panel.html", (data) ->
                el.container.append(data)
                attachDOMElements()
                loaded = true
        attachDOMElements = ->
            el.panel =  $(".panel")
        panelHasBeenLoaded = ->
            loaded
        showPanel()
        return {} =
            el:     el
            showPanel:  showPanel
) this

panelHasBeenLaded（）只返回false，直到AJAX请求成功。然后在我的规范文件中，我有：

it "should confirm when the panel is loaded", ->
    panelLoader = PanelLoader()
    expect(panelLoader.el.panel).toBe(undefined)
    waitsFor (->
        panelLoader.panelHasBeenLoaded()
    ), "It took too long to load in the panel", 3000
    runs ->
        expect(panelLoader.el.panel.length).toBeGreaterThan(0)

我假设它正在初始化PanelLoader，确认没有"panel"DOM元素，然后waitsFor应该阻塞，直到"panelHasBeenLaded（）"返回true，3秒后超时（应该有足够的时间，在本地主机上运行），然后它运行测试，期望DOM元素现在就在那里。

我遇到的问题是它总是超时，导致第二次预期测试失败。当我在浏览器中测试时，一切都正常，为什么我的单元测试不正常？

我使用jasmine和phantom JS进行测试，通过咕哝的contrib jasmine runner。

谢谢

Answer 1

代码的问题是Jasmine的waitsFor()只适用于runs()块。例如

runs(function() {
        asyncMethod();
        console.log('an asynchronous method');
    }, 'an asynchronous method');
    waitsFor(function() {
        return x == 1;
    }, 'x to be equal to 1', 6000);
    console.log('this executes between two runs()');
    runs(function() {
        console.log('another sequential block');
    }, 'another sequential block');

意味着直到waitsFor()才执行第二个runs()，但是不等待地执行未嵌套在runs()中的console.log()。在您的代码中，在waitsFor()之前没有看到runs()，这就是为什么waitsFor()可能什么都不做的原因。