enzyme: Enzyme + jsdom -> TypeError: jsdom is not a function

I am trying to get Enzyme up and running with jsdom as describe here:

http://airbnb.io/enzyme/docs/guides/jsdom.html

/* setup.js */

var jsdom = require('jsdom').jsdom;

global.document = jsdom('');
global.window = document.defaultView;
Object.keys(document.defaultView).forEach((property) => {
  if (typeof global[property] === 'undefined') {
    global[property] = document.defaultView[property];
  }
});

global.navigator = {
  userAgent: 'node.js'
};

However, this gives the following:

TypeError: jsdom is not a function from line 3 global.document = jsdom('');, why? And how to resolve this?

About this issue

Original URL
State: closed
Created 7 years ago
Reactions: 6
Comments: 23 (4 by maintainers)

Commits related to this issue

Fix usage of jsdom in the testing setup For reference: https://github.com/airbnb/enzyme/issues/942 https://github.com/jsdom/jsdom/issues/2383 — committed to jackrzhang/react-custom-proptypes by jackrzhang 5 years ago

Most upvoted comments

Got it to work with jsdom@11.1.0 and enzyme@2.9.1 as follows:

var jsdom = require('jsdom');
const { JSDOM } = jsdom;

const { document } = (new JSDOM('')).window;
global.document = document;

+179

vlaurin on Jul 12, 2017

I believe you need to make ‘window’ available globally in addition to ‘document’ (shown in the above example). The below works for me:

import jsdom from 'jsdom';
const {JSDOM} = jsdom;
const {document} = (new JSDOM('<!doctype html><html><body></body></html>')).window;
global.document = document;
global.window = document.defaultView;

+32

Mike26372 on Sep 5, 2017

pls update live docs to v10 😿

edit: fyi unmerged PR docs make everything work fine 🤘

baebb on May 16, 2017