正在加载 js 文件中的 html 个文件

Question

我的 C:\Users\project\text.html 中有这个 text.html 文件，我想将它加载到测试文件 .js.

我想在我的测试函数之一中加载 HTML 文件，这样我就可以测试 HTML 元素。当我像这样将 html 内容放入测试文件时，效果很好：

const jsdom = require("jsdom");
const { JSDOM } = jsdom;
...
 Then('...', function() {
     
 const dom = new JSDOM(`<!DOCTYPE html><div id="hey" class="modal-footer">Hello world</div>`);

});

但我不想要 innerHTML，我想从 JSDOM 加载文件 text.html 而不是在我的测试文件中写入 html。有什么办法可以在 JSDOM 中做类似 require text.html 的事情吗？？

Answer 1

JSDOM 提供了一个 fromFile 实用函数，允许从本地文件加载。这将加载 ./foo.html.

const { JSDOM } = require("jsdom");

JSDOM.fromFile("./foo.html").then(dom => {
  // ...
});

如果您需要从 URL 加载，还有 fromURL:

const { JSDOM } = require("jsdom");

JSDOM.fromURL("http://www.example.com/").then(dom => {
  // ...
});

正在加载 js 文件中的 html 个文件

Loading html files in js files

html

javascript

jsdom

angular