yan130/setup.js

## setup.js
import { JSDOM } from 'jsdom';
// "jsdom": "11.1.0",
process.env.NODE_ENV = 'test';

const dom = new JSDOM('<!DOCTYPE html><html><body></body></html>');
global.window = dom.window;
window.screen ={
    availWidth: 1024, availHeight: 768, colorDepth: 24, pixelDepth: 24,
    height: 768, width: 1024
}
global.screen = window.screen;
global.document = window.document;

global.requestAnimationFrame = function (cb) {
    return setTimeout(cb, 0);
};
const config = require('../config'); //custom config as extrernal in webpack.
window.configruntime = config;
global.navigator = window.navigator;

const canvasBindings = require("canvas/lib/bindings");
global.CanvasPattern = canvasBindings.CanvasPattern;
global.CanvasGradient = canvasBindings.CanvasGradient;

// instruction for writting test:
// 1. now we only use full DOM rendering. no need to do things like : store.dispatch(actions.addFilter(;locations')),
//    this is performed automatically.
// 2. no good way to spy a child component's events, such as Permalink's onClick
// 3. no good way to check a child component's state, only prop. only wrapper can get state.
	import { JSDOM } from 'jsdom';
	// "jsdom": "11.1.0",
	process.env.NODE_ENV = 'test';

	const dom = new JSDOM('<!DOCTYPE html><html><body></body></html>');
	global.window = dom.window;
	window.screen ={
	availWidth: 1024, availHeight: 768, colorDepth: 24, pixelDepth: 24,
	height: 768, width: 1024
	}
	global.screen = window.screen;
	global.document = window.document;

	global.requestAnimationFrame = function (cb) {
	return setTimeout(cb, 0);
	};
	const config = require('../config'); //custom config as extrernal in webpack.
	window.configruntime = config;
	global.navigator = window.navigator;

	const canvasBindings = require("canvas/lib/bindings");
	global.CanvasPattern = canvasBindings.CanvasPattern;
	global.CanvasGradient = canvasBindings.CanvasGradient;

	// instruction for writting test:
	// 1. now we only use full DOM rendering. no need to do things like : store.dispatch(actions.addFilter(;locations')),
	// this is performed automatically.
	// 2. no good way to spy a child component's events, such as Permalink's onClick
	// 3. no good way to check a child component's state, only prop. only wrapper can get state.