使用 QUnit 测试使用 document.write() 的实用函数：使文档对象成为其他文档？

Question

我有一对实用函数，它们使用 document.write() 来更改 DOM，注入加载 JavaScript 和 CSS 的标签。

是否可以使用 QUnit 来测试注入是否正确发生，而不影响测试结果页面的实际 DOM？

我可以：

• 覆盖document.write()，也许在setup中，并在teardown中重置它，成为我定义的函数。但我并没有测试对 document.write() 的调用是否执行了它们应该执行的操作。

• 使用 js-test-driver 之类的东西让 JavaScript 从命令行运行（尽管我真的希望测试结果页面可用）。

• 仅为这些实用程序测试创建一个单独的测试结果页面，以便这些结果不会以任何方式、形状或形式影响其他测试（尽管我确实想要一个统一的页面）。

• 传递实用函数空 JS 和 CSS 文件来加载，这样它们实际上不会影响结果页面。

所以我有选择。

但我真正想要的是使文档成为实际当前文档之外的某个文档。我不确定这是否可能。 （事实上​​，我什至不确定这是否有意义。）这可能吗？这似乎是我可以用 iframe 或类似的东西来做的事情。

如果有帮助的话，这是我想要进行单元测试的函数类型的示例：

function(jsFile){
    document.write('<script type="text/javascript" src="'+jsFile+'"></script>');
}

Answer 1

我意识到我不需要测试 document.write()。我只需要测试我的代码是否正在向 document.write() 发送预期的内容。因此我选择了上面的第一个选项，在 setup() 和 teardown() 中暂时重新定义 document.write() 进行测试。