<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title><%=data.title%></title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<link rel="stylesheet" type="text/css" href="/node_modules/mocha/mocha.css" />
		<script src="/node_modules/mocha/mocha.js"></script>
		<script src="/node_modules/chai/chai.js"></script>
		<script>
			mocha.setup({
				timeout: 20000,
				ui: 'bdd'
			});
			var assert = chai.assert;
			var global = {};
		</script>
		<% files.forEach(function (file) { %>
			<script src="/<%=file%>"></script>
		<%  }); %>
		<script src="/test/version.js"></script>

	</head>

	<body>
		<div id="mocha"></div>
		<div id="fixture"></div>
		<% tests.forEach(function (file) { %>
			<script src="<%=file%>"></script>
		<%  }); %>

		<script>
			if (navigator.userAgent.indexOf('PhantomJS') < 0) {
				var runner = mocha.run();
				var failedTests = [];
				runner.on('end', function() {
					window.mochaResults = runner.stats;
					window.mochaResults.reports = failedTests;
				});
				runner.on('fail', function logFailure(test, err) {
					var flattenTitles = function(test) {
						var titles = [];
						while (test.parent.title) {
							titles.push(test.parent.title);
							test = test.parent;
						}
						return titles.reverse();
					}
					failedTests.push({
						name: test.title,
						result: false,
						message: err.message,
						stack: err.stack,
						titles: flattenTitles(test)
					});
				});
			}
		</script>
	</body>

</html>
