0

我有一个函数将一些 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

panelHasBeenLoaded() 只返回 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，确认没有“面板”DOM 元素，然后waitsFor应该阻塞，直到 `panelHasBeenLoaded() 返回 true，3 秒后超时（应该有足够的时间，运行本地主机），然后它运行测试，期望 DOM 元素现在在那里。

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

我通过 grunt-contrib-jasmine runner 使用 jasmine 和 phantom JS 进行测试。

谢谢

4

1 回答 1

0

您的代码的问题是 JasminewaitsFor()仅适用于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');

表示 2ndruns()在 之前不会执行waitsFor()，但是console.log()未嵌套在 aruns()中的 会在没有等待的情况下执行。我在您的代码中没有看到runs()之前waitsFor()的内容，这就是为什么waitsFor()可能什么都不做的原因。

于 2013-10-07T08:59:24.263 回答