当我尝试对 getElement 函数进行单元测试时
class BarFoo {
getElement() {
return document.querySelector('#barfoo');
}
}
mocha 对document 一无所知，所以我想你可能会这样做：
beforeEach(() => {
global.document = {
querySelector: () => { ... }
}
}
虽然这可行，但我想知道这是否是正确的方法，也许有一个包可以解决这个问题，因为如果使用更多的浏览器 API，我的方法会变得很费力？
【问题讨论】：
标签： javascript node.js unit-testing mocha.js
当我只需要在窗口上模拟某个函数时，我一直在编写类似于您提出的测试：
it('html test', function () {
const windowRef = global.window;
global.window = {document: {querySelector: () => null}};
const lib = require('lib-that-uses-queryselector');
assert(true);
global.window = windowRef;
});
当我想要一个更完整的窗口对象时，我一直在其他测试中使用mock-browser：
it('html test', function () {
const windowRef = global.window;
const MockBrowser = require('mock-browser').mocks.MockBrowser;
global.window = new MockBrowser().getWindow();
const lib = require('lib-that-uses-window');
assert(true);
global.window = windowRef;
});
请注意，您可能希望在messing with globals 之后恢复窗口对象（上面的global.window = windowRef;）。
【讨论】：
global.window = window 不会恢复寡妇对象，因为使用window = global.window 创建的窗口常量是通过引用复制的。相反，您可以使用以下命令克隆测试顶部的窗口：preservedWindow = Object.assign({}, window)，然后在完成测试时重新分配：global.window = preservedWindow（请注意，由于 Object.assign 仅进行浅拷贝，因此仍然可能存在问题，但在大多数情况下应该足够好例）
有几个选项可供您使用：
通过在代码中添加 DOM，您可以在 node.js 中对大部分客户端代码进行单元测试
Mocha 确实在客户端内部运行，您可以使用单独的客户端单元测试。这往往是我的首选方法，因为我可以针对特定的浏览器而不是特定的 JS 植入进行测试。
PhantomJS 允许您在测试环境中控制无头浏览器。
现在 Headless Chrome 已经出局，PhantomJS 的维护者已经退休了。
【讨论】：