diff --git a/package.json b/package.json
index 204d2bdfe..5d03df018 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
{
"name": "mastodon",
"scripts": {
- "test": "mocha --compilers js:babel-register ./spec/javascript/components/*.test.jsx"
+ "test": "mocha --require ./spec/javascript/setup.js --compilers js:babel-register ./spec/javascript/components/*.test.jsx"
},
"devDependencies": {
"axios": "^0.14.0",
@@ -16,6 +16,7 @@
"enzyme": "^2.4.1",
"es6-promise": "^3.2.1",
"immutable": "^3.8.1",
+ "jsdom": "^9.6.0",
"mocha": "^3.1.1",
"moment": "^2.14.1",
"react": "^15.3.2",
diff --git a/spec/javascript/components/avatar.test.jsx b/spec/javascript/components/avatar.test.jsx
new file mode 100644
index 000000000..f69b538a2
--- /dev/null
+++ b/spec/javascript/components/avatar.test.jsx
@@ -0,0 +1,12 @@
+import { expect } from 'chai';
+import { render } from 'enzyme';
+
+import Avatar from '../../../app/assets/javascripts/components/components/avatar'
+
+describe('', function() {
+ it('renders an img with the given src', function() {
+ const src = '/path/to/image.jpg';
+ const wrapper = render();
+ expect(wrapper.find(`img[src="${src}"]`)).to.have.length(1);
+ });
+});
diff --git a/spec/javascript/components/loading_indicator.test.jsx b/spec/javascript/components/loading_indicator.test.jsx
index b2f9c919e..e62288405 100644
--- a/spec/javascript/components/loading_indicator.test.jsx
+++ b/spec/javascript/components/loading_indicator.test.jsx
@@ -1,7 +1,5 @@
import { expect } from 'chai';
import { shallow } from 'enzyme';
-import React from 'react';
-global.React = React;
import LoadingIndicator from '../../../app/assets/javascripts/components/components/loading_indicator'
diff --git a/spec/javascript/setup.js b/spec/javascript/setup.js
new file mode 100644
index 000000000..636cdcc7e
--- /dev/null
+++ b/spec/javascript/setup.js
@@ -0,0 +1,22 @@
+/**
+ * http://airbnb.io/enzyme/docs/guides/jsdom.html
+ */
+var jsdom = require('jsdom').jsdom;
+
+var exposedProperties = ['window', 'navigator', 'document'];
+
+global.document = jsdom('');
+global.window = document.defaultView;
+Object.keys(document.defaultView).forEach((property) => {
+ if (typeof global[property] === 'undefined') {
+ exposedProperties.push(property);
+ global[property] = document.defaultView[property];
+ }
+});
+
+global.navigator = {
+ userAgent: 'node.js'
+};
+
+var React = window.React = global.React = require('react');
+var ReactDOM = window.ReactDOM = global.ReactDOM = require('react-dom');