如何在与 Browserify 捆绑的文件中使用 jsdom？

问题描述

我正在尝试为函数创建单元测试。在测试中，我想使用 document.getElementById() 模拟全局 document 对象（例如 jsdom package）。我已经在我的项目中安装了 jsdom，并在我的测试文件 (test.pageContent.js) 中添加了一行：

const jsdom = require('jsdom')

但是从命令行，当我浏览这个文件然后执行它时，它会失败并显示以下输出：

>> node_modules/.bin/browserify test.pageContent.js -t [ babelify ] --outfile test-bundle.js && node test-bundle.js

browserslist: caniuse-lite is outdated. Please run:
npx browserslist@latest --update-db
C:\Users\snarl\development\project\test-bundle.js:59075
module.exports = typeof self == 'object' ? self.FormData : window.FormData;

ReferenceError: window is not defined

为什么会发生这种情况，我该如何解决？

我以这种方式浏览器，因为被测函数在一个 ES6 模块中，它本身调用其他 ES6 模块。如果我不像这样浏览器和 Babelify，就会出错。也许这就是我需要调查的地方？

---

注意

• 在命令行中，如果我使用 browserify 命令执行测试文件，但没有任何 Babelify 转换，也会发生同样的错误。

• 在命令行中，如果我在没有 browserify 命令的情况下执行测试文件，则完全没有错误。

• 我使用 Tape 作为我的单元测试工具。

解决方法

在 discussing with the jsdom devs 之后，我的问题的答案是，在这种情况下，jsdom 的工作正常。两个受支持的 jsdom 用例是：

• 在 Node 中使用 jsdom 作为 CommonJS 模块 或
• 在 Web 浏览器的 Browserify 包中使用 jsdom

就我而言，我试图在 Node.js 的 Browserify 包中使用 jsdom。我会尝试在浏览器中使用它，看看效果如何。初步测试看起来很有希望。