Add basic sanity tests for the routes.

Author: developit

test/browser/index.js

@@ -0,0 +1,49 @@
+import { h, render, rerender } from 'preact';
+import { route } from 'preact-router';
+import App from 'components/app';
+import 'style';
+
+/*global sinon,expect*/
+
+describe('App', () => {
+	let scratch;
+
+	before( () => {
+		scratch = document.createElement('div');
+		(document.body || document.documentElement).appendChild(scratch);
+	});
+
+	beforeEach( () => {
+		scratch.innerHTML = '';
+	});
+
+	after( () => {
+		scratch.parentNode.removeChild(scratch);
+		scratch = null;
+	});
+
+
+	describe('routing', () => {
+		it('should render the homepage', () => {
+			render(<App />, scratch);
+
+			expect(scratch.innerHTML).to.contain('Home');
+		});
+
+		it('should render /profile', () => {
+			render(<App />, scratch);
+			route('/profile');
+			rerender();
+
+			expect(scratch.innerHTML).to.contain('Profile: me');
+		});
+
+		it('should render /profile/:user', () => {
+			render(<App />, scratch);
+			route('/profile/john');
+			rerender();
+
+			expect(scratch.innerHTML).to.contain('Profile: john');
+		});
+	});
+});

test/karma.conf.js

@@ -0,0 +1,25 @@
+require('babel-register');
+var webpack = require('../webpack.config.babel.js');
+
+module.exports = function(config) {
+	config.set({
+		basePath: '../',
+		frameworks: ['mocha', 'chai-sinon'],
+		reporters: ['mocha'],
+
+		browsers: ['PhantomJS'],
+
+		files: [
+			'test/browser/**/*.js'
+		],
+
+		preprocessors: {
+			'test/**/*.js': ['webpack'],
+			'src/**/*.js': ['webpack'],
+			'**/*.js': ['sourcemap']
+		},
+
+		webpack: webpack,
+		webpackMiddleware: { noInfo: true }
+	});
+};