test: setup jsdom before running tests

bin/run-tests.js

@@ -8,14 +8,12 @@ var hook = require('css-modules-require-hook')
 var sass = require('node-sass')
 var path = require('path')
 var glob = require('glob')
+var jsdom = require('jsdom').jsdom
 
 var cwd = path.resolve(__dirname, '..')
 var nodeModulesPath = path.resolve(cwd, 'node_modules')
 
 var nodeModulesPlaceholder = /^~/
-var args = (function(slice) {
-  return slice.length === 0 ? ['src/**/__tests__/*_test.js'] : slice
-})(process.argv.slice(2))
 
 hook({
 	extensions: ['.scss'],
@@ -38,6 +36,22 @@ hook({
 	}
 })
 
+// setup jsdom
+global.document = jsdom('')
+global.window = document.defaultView
+Object.keys(document.defaultView).forEach(function(property) {
+  if (typeof global[property] === 'undefined') {
+    global[property] = document.defaultView[property];
+  }
+})
+global.navigator = {
+  userAgent: 'node.js'
+}
+
+var args = (function(slice) {
+  return slice.length === 0 ? ['src/**/__tests__/*_test.js'] : slice
+})(process.argv.slice(2))
+
 args.forEach(function (arg) {
   glob(arg, { cwd: cwd }, function (err, files) {
     if (err) { throw err }

package.json

@@ -61,6 +61,7 @@
     "express": "^4.13.4",
     "extract-text-webpack-plugin": "^1.0.1",
     "glob": "^7.0.3",
+    "jsdom": "^9.4.1",
     "node-sass": "^3.6.0",
     "nyc": "^6.6.1",
     "office-ui-fabric": "^2.6.1",

src/util/__tests__/events_test.js

@@ -7,36 +7,40 @@ const eventMap = {
   'bar': function barHandler() {}
 }
 
+const setOnDocument = (property, value) => {
+  const backup = global.document[property]
+
+  global.document[property] = value
+
+  return () => { global.document[property] = backup }
+}
+
 test('events#addEventsToDocument', t => {
   t.plan(6)
 
-  global.document = {
-    addEventListener: (key, listener, capture) => {
-      t.ok(Object.keys(eventMap).indexOf(key) !== -1, `key ${key}`)
-      t.equal(listener, eventMap[key], 'listener for ${key}')
-      t.equal(capture, false, 'capture')
-    }
-  }
+  const restore = setOnDocument('addEventListener', (key, listener, capture) => {
+    t.ok(Object.keys(eventMap).indexOf(key) !== -1, `key ${key}`)
+    t.equal(listener, eventMap[key], `listener for ${key}`)
+    t.equal(capture, false, 'capture')
+  })
 
   sut.addEventsToDocument(eventMap)
 
-  delete global.document
+  restore()
 })
 
 test('events#removeEventListener', t => {
   t.plan(6)
 
-  global.document = {
-    removeEventListener: (key, listener, capture) => {
-      t.ok(Object.keys(eventMap).indexOf(key) !== -1, `key ${key}`)
-      t.equal(listener, eventMap[key], 'listener for ${key}')
-      t.equal(capture, false, 'capture')
-    }
-  }
+  const restore = setOnDocument('removeEventListener', (key, listener, capture) => {
+    t.ok(Object.keys(eventMap).indexOf(key) !== -1, `key ${key}`)
+    t.equal(listener, eventMap[key], `listener for ${key}`)
+    t.equal(capture, false, 'capture')
+  })
 
   sut.removeEventsFromDocument(eventMap)
 
-  delete global.document
+  restore()
 })
 
 test('events#pauseEvent', t => {