使用Mocha設置JSDOM

Question

我正在嘗試使用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不是... / 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：無法將undefined或null轉換為object。

Answer 1

document是window的屬性，而不是相反：

const dom = new JSDOM('<!DOCTYPE html><html><head></head><body></body></html>');

global.window = dom.window;
global.document = dom.window.document;

使用Mocha設置JSDOM

問題描述

1 個解決方案

解決方案1
28 已采納 2017-05-14 14:13:17

使用Mocha設置JSDOM

問題描述

1 個解決方案

解決方案1 28 已采納 2017-05-14 14:13:17

解決方案1
28 已采納 2017-05-14 14:13:17