resharper - Qunit qunit-fixture div 使用 Resharper 8 运行单元测试被删除

Question

我有一个问题，当我尝试在 ReSharper 8 下运行 Qunit 进行测试时，在 div id="qunit-fixture" 中附加或设置 HTML 代码。由于某种原因，div id="qunit-fixture" 被删除。我需要测试文档就绪函数中指定的事件，但如果我无法在 div id="qunit-fixture" 中添加元素，则无法测试。有什么解决方案吗？

Answer 1

它不会被删除。Resharper QUnit 测试运行器根本不存在！

当浏览器打开时，您可以自己查看，并检查 HTML 的“查看源代码”。

要克服这个问题，您可能需要按如下方式设置 QUnit 测试模块：

module("Tests for DOM manipulation", {
    setup: function() {
        $("body").append("<div id='qunit-fixture' />");
    },
    teardown: function () {
        $("#qunit-fixture").remove();
    }
});

test("Some atomic jQuery test", function () {
    $("#qunit-fixture").append("<span id='myId' />");

    ...
 }