如何访问另一个 HTML 页面的 DOM,以测试 QUnit 的 DOM 操作函数

How can I access the DOM of another HTML page, to test DOM manipulation functions from QUnit

本文关键字:DOM 测试 函数 操作 QUnit 何访问 访问 HTML 另一个      更新时间:2023-09-26

我正在用QUNIT为JavaScript项目编写测试用例。我已经测试了返回值的函数。

但是代码库中有一些函数可以访问 DOM 并使用它做一些事情。我想访问由这些函数更改的 HTML 页面的 DOM,以便我可以检查它们是否正常工作。

我尝试了document.urlwindow.open但是当我尝试在该页面上执行document.getElementByTagName("script")时,它给了我null。这意味着我无法访问其他页面的 DOM。

一个想法是在iframe中加载另一个页面。然后,您可以使用 window.parent 从 iframe 访问父页面。

本教程对 DOM 测试有一个很好的起点引用。

http://coding.smashingmagazine.com/2012/06/27/introduction-to-javascript-unit-testing/