setup jsdom-global to test vue component properly

Author: wonderful-panda

mocha-bootstrap.js

@@ -0,0 +1,4 @@
+// jsdom setup must be done before importing Vue
+import jsdom from 'jsdom-global'
+jsdom()
+process.env.NODE_ENV = 'test'

package.json

@@ -17,7 +17,7 @@
     "prebuild:dist": "rm -rf dist/*",
     "build:dist": "rollup -c && rollup -c --environment PRODUCTION",
     "build:watch": "npm run build:lib -- --watch",
-    "test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
+    "test": "mocha \"./src/**/*.test.js\" --require babel-core/register --require ./mocha-bootstrap --timeout 5000",
     "test:watch": "npm run test -- --watch",
     "lint": "eslint src",
     "prepublish": "npm run build",
@@ -58,6 +58,8 @@
     "eslint-plugin-vue": "^2.0.1",
     "expect": "^1.20.2",
     "express": "^4.14.0",
+    "jsdom": "^11.12.0",
+    "jsdom-global": "^3.0.2",
     "lint-staged": "^3.2.4",
     "lodash": "^4.15.0",
     "mocha": "^3.2.0",

src/vendor/glamor/sheet.js

@@ -36,9 +36,9 @@ function sheetForTag(tag) {
   }
 }
 
-const isBrowser = typeof document !== 'undefined'
 const isDev = (x => (x === 'development') || !x)(process.env.NODE_ENV)
 const isTest = process.env.NODE_ENV === 'test'
+const isBrowser = typeof document !== 'undefined' && !isTest
 
 const oldIE = (() => {
   if(isBrowser) {