错误：文档未定义

Question

我想使用 Chai 测试 HTML eemnet 的属性，如下所示：

const chai = require('chai');
const expect  = chai.expect;
expect(document.getElementById('ref_button')).to.have.attr('disabled');

我把这行放在 fr chai-dom chai.use(require('chai-dom')) 它引发了错误：

Unhandled rejection ReferenceError: document is not defined at     
C:\Users\67563478\new_workspace\onconsup\node_modules\chai-dom\chai-dom.js:69:53 at Object.exports.use
(C:\Users\67563478\new_workspace\onconsup\node_modules\chai\lib\chai.js:39:5)

而在 chai-dom 中出现错误的行是这样的：

NODE_LIST_STRING = Object.prototype.toString.call(document.childNodes),

我删除了这条线，并且该错误不再存在。现在，document.getElementById 行的错误是document is not defined。 我该怎么办？也许图书馆 chai-dom 已被弃用？

Answer 1

document 是浏览器特定的全局变量，它没有在 Node.js 环境中定义，所以当您引用 document 时，chai 不知道它是什么以及如何找到它。

此外，（可能 - 因为您没有展示 HTML 文件是如何连接到 chai 的）按钮和它的测试之间没有连接。

要解决问题，您可以查看实现 WHATWG DOM 和 HTML 标准的 JSDOM (https://github.com/jsdom/jsdom)。或者，您可以选择使用无头浏览器，例如无头 chrome (https://github.com/GoogleChrome/puppeteer)。

选择要使用的选项需要对您的用例有更多了解。