Qunit - Typescript单元测试如何向qunit测试用例中的qunit-fixture添加内容

Question

我对qUnit非常陌生，正在尝试用我的测试用例中的一些内容来填充qunit-fixture。然而，它不起作用。测试方法在visual studio中运行良好，但是我无法在"qunit-fixture“div中填充内容。

从这里的社区寻求帮助。

请参考下面的代码

/// <reference path="../scripts/typings/qunit/qunit.d.ts" />
/// <chutzpah_reference path="../Scripts/jquery-1.10.2.js"/>

test("Test1",() => {

    $("#qunit-fixture").append("test");
    ok(true);
});

Answer 1

我不知道typescript，但我认为你有一个错误的jquery选择器。

默认情况下，qunit-fixture是html测试页面中的div元素的id。因此，要填充的代码应该是这样的。

$("#qunit-fixture").append("test");

我通常把它放在我的测试设置中。在纯javascript中就是这样。

module('MyModule',{
    setup: function() {
        $('#qunit-fixture').append("<button id='myButton'>Test button</button>");
       //other stuff
    },
    teardown: function() {
        // clean up after each test
    }
});

我希望这能帮助你解决问题。