Qunit测试失败，因为document.get *在测试html页面上不起作用。

Question

我刚刚开始使用JS单元测试，并正在尝试qUnit。

当我的JS执行时（通过它的init（）函数），它会从页面中获取JS正常运行所需的一些节点。

目前，我的qUnit测试在启动之前就失败了，因为它在测试html文件中找不到那些节点。

我根本不在我的JS中使用jQuery（没有框架）。

我已经做了一些环顾，这意味着我应该将带有页面的iframe加载到test.html页面上。 然后，我需要将文件替换为iframe.document或类似的内容，对吗？

那可能吗？ 我该怎么做，这样我的document.getElementById（）不会失败。 听起来我需要将本地test.html的上下文设置为与iframe的上下文相同（至少在窗口，文档等方面是明智的，以便它可以引用相同的节点）。

有什么想法吗？

Answer 1

是的，据我所知，您提到的文档节点是测试数据。 QUnit unit-test.html页面包含<div id='qunit-fixture' ，这是您的测试数据所在的位置。

到目前为止，我在QUnit测试与JS完全分离的纯JS方面已经度过了愉快的时光，单元测试也有助于分离。

但是，对于其他与UI相关的问题，您可能想看看JQuery UI如何使用QUnit。 查看手风琴小部件单元测试