diff --git a/app/js/Routes.js b/app/js/Routes.js
index 4d9399fe..a5b247e7 100644
--- a/app/js/Routes.js
+++ b/app/js/Routes.js
@@ -7,6 +7,7 @@ import App                                  from './App';
 import HomePage                             from './pages/HomePage';
 import SearchPage                           from './pages/SearchPage';
 import NotFoundPage                         from './pages/NotFoundPage';
+import DemoPage                             from './pages/component-demo-page';
 
 export default (
   <Route handler={App} path='/'>
@@ -15,6 +16,7 @@ export default (
 
     <Route name='Home' path='/' handler={HomePage} />
     <Route name='Search' path='/search' handler={SearchPage} />
+    <Route name='Demo' path='/demo' handler={DemoPage} />
 
     <NotFoundRoute handler={NotFoundPage} />
 
diff --git a/app/js/components/__tests__/footer-test.js b/app/js/components/__tests__/footer-test.js
new file mode 100644
index 00000000..818688be
--- /dev/null
+++ b/app/js/components/__tests__/footer-test.js
@@ -0,0 +1,17 @@
+jest.dontMock('../Footer.js');
+
+import React from 'react/addons';
+import Footer from '../Footer.js';
+var TestUtils = React.addons.TestUtils;
+
+describe('Footer', () => {
+	it('should 2 equal 2', () => {
+		var footer = TestUtils.renderIntoDocument(
+			<Footer />
+		);
+		var label = TestUtils.findRenderedDOMComponentWithTag(
+			footer, 'footer');
+
+		expect(label.getDOMNode().textContent).toEqual('Footer');
+	});
+});
\ No newline at end of file
diff --git a/app/js/pages/component-demo-page.js b/app/js/pages/component-demo-page.js
new file mode 100644
index 00000000..504b0e34
--- /dev/null
+++ b/app/js/pages/component-demo-page.js
@@ -0,0 +1,35 @@
+'use strict';
+
+import React         from 'react/addons';
+import {Link}        from 'react-router';
+import DocumentTitle from 'react-document-title';
+
+import Footer        from '../components/Footer.js';
+
+var HomePage = React.createClass({
+
+	propTypes: {
+		currentUser: React.PropTypes.object.isRequired
+	},
+
+	render() {
+		return (
+			<DocumentTitle title="Demo Page">
+				<section className="home-page">
+
+					<div>
+						FooterDemo
+					</div>
+
+					<div>
+						<Footer />
+					</div>
+
+				</section>
+			</DocumentTitle>
+		);
+	}
+
+});
+
+export default HomePage;
\ No newline at end of file
diff --git a/package.json b/package.json
index 00738767..068b906a 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,11 @@
     "node": "^0.12.x",
     "npm": "^2.1.x"
   },
+  "scripts": {
+    "test": "jest"
+  },
   "devDependencies": {
+    "babel-core": "^5.8.22",
     "babelify": "^6.1.x",
     "browser-sync": "^2.7.13",
     "browserify": "^10.2.6",
@@ -38,6 +42,7 @@
     "gulp-uglify": "^1.2.0",
     "gulp-util": "^3.0.6",
     "humps": "^0.6.0",
+    "jest-cli": "^0.4.19",
     "lodash": "^3.10.0",
     "morgan": "^1.6.1",
     "react": "^0.13.x",
@@ -48,5 +53,20 @@
     "superagent": "^1.2.0",
     "vinyl-source-stream": "^1.1.0",
     "watchify": "^3.2.x"
+  },
+  "jest": {
+    "scriptPreprocessor": "./preprocessor.js",
+    "testFileExtensions": [
+      "es6",
+      "js"
+    ],
+    "moduleFileExtensions": [
+      "js",
+      "json",
+      "es6"
+    ],
+    "unmockedModulePathPatterns": [
+      "react"
+    ]
   }
 }
diff --git a/preprocessor.js b/preprocessor.js
new file mode 100644
index 00000000..4a742dcf
--- /dev/null
+++ b/preprocessor.js
@@ -0,0 +1,17 @@
+'use strict';
+
+var babel = require('babel-core');
+
+module.exports = {
+	process: function(src, filename) {
+		// Ignore files other than .js, .es, .jsx or .es6
+		if (!babel.canCompile(filename)) {
+			return '';
+		}
+		// Ignore all files within node_modules
+		if (filename.indexOf('node_modules') === -1) {
+			return babel.transform(src, {filename: filename}).code;
+		}
+		return src;
+	}
+};
\ No newline at end of file