使用 Mocha 设置 JSDOM
Setting up JSDOM with Mocha
我正在尝试使用 sinon 的 mock 和 spy 来测试 Redux 组件和异步操作,但是一旦我将 sinon 导入任何测试文件,运行 以下 npm 脚本:
mocha --require test/helpers/browser.js --compilers .:babel-core/register --opts test/client/**/*.{js,jsx} --recursive test/client
我收到以下错误:
var div = typeof document !== "undefined" && document.createElement("div");
^
TypeError: document.createElement is not a function at .../node_modules/sinon/lib/sinon/util/core/deep-equal.js:3:55
browser.js是我设置JSDOM的地方:
import { JSDOM } from 'jsdom';
const doc = new JSDOM('<!DOCTYPE html><html><head></head><body></body></html>');
cost win = doc.defaultView; // tried doc.window;
global.document = doc;
global.window = win;
/*
Object.keys(win).forEach(property => {
if (typeof global[property] === 'undefined') {
global[property] = win[property];
}
});
*/
global.navigator = {
userAgent: 'node.js'
};
我想我没有正确设置 jsdom?我试着环顾四周,在上面的 browser.js 文件中找到了注释代码,但在取消注释时会产生错误:
Object.keys(win).forEach(function (property) {
^
TypeError: Cannot convert undefined or null to object.
document
是 window
的 属性,而不是相反:
const dom = new JSDOM('<!DOCTYPE html><html><head></head><body></body></html>');
global.window = dom.window;
global.document = dom.window.document;
我正在尝试使用 sinon 的 mock 和 spy 来测试 Redux 组件和异步操作,但是一旦我将 sinon 导入任何测试文件,运行 以下 npm 脚本:
mocha --require test/helpers/browser.js --compilers .:babel-core/register --opts test/client/**/*.{js,jsx} --recursive test/client
我收到以下错误:
var div = typeof document !== "undefined" && document.createElement("div");
^
TypeError: document.createElement is not a function at .../node_modules/sinon/lib/sinon/util/core/deep-equal.js:3:55
browser.js是我设置JSDOM的地方:
import { JSDOM } from 'jsdom';
const doc = new JSDOM('<!DOCTYPE html><html><head></head><body></body></html>');
cost win = doc.defaultView; // tried doc.window;
global.document = doc;
global.window = win;
/*
Object.keys(win).forEach(property => {
if (typeof global[property] === 'undefined') {
global[property] = win[property];
}
});
*/
global.navigator = {
userAgent: 'node.js'
};
我想我没有正确设置 jsdom?我试着环顾四周,在上面的 browser.js 文件中找到了注释代码,但在取消注释时会产生错误:
Object.keys(win).forEach(function (property) {
^
TypeError: Cannot convert undefined or null to object.
document
是 window
的 属性,而不是相反:
const dom = new JSDOM('<!DOCTYPE html><html><head></head><body></body></html>');
global.window = dom.window;
global.document = dom.window.document;