tests/index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>Selectize.js Tests</title>
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
		<link rel="stylesheet" href="../examples/_normalize.css">
		<link rel="stylesheet" href="vendor/mocha.css">
		<link rel="stylesheet" href="../selectize.css">
		<style type="text/css">
		#fixture {
			background: #fafafa;
			padding: 30px;
			text-align: center;
			box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
		}
		</style>
		<!--[if IE 8]><script src="../examples/_es5.js"></script><![endif]-->
		<script src="../examples/_jquery.js"></script>
		<script src="vendor/syn.js"></script>
		<script src="vendor/mocha.js"></script>
		<script src="vendor/chai.js"></script>
		<script src="/testem.js"></script>
		<script src="../selectize.js"></script>
	</head>
    <body>
    	<script>
    	mocha.setup({ui: 'bdd', ignoreLeaks: true});
		window.expect = chai.expect;
		window.assert = chai.assert;
		window.test = null;
		window.has_focus = function(elem) {
			return !!(elem === document.activeElement);
		};
		window.setup_test = function(html, options, callback) {
			var $select = $(html).appendTo('#fixture').selectize(options);
			var instance = $select[0].selectize;
			window.test = {
				callback: callback,
				selectize: instance,
				teardown: function() {
					$select.remove();
					instance.$wrapper.remove();
				}
			};
			return test;
		}
    	</script>
		<div id="mocha"></div>
		<div id="fixture"></div>
		<!-- begin tests -->
		<script src="setup.js"></script>
		<script src="api.js"></script>
		<script src="events.js"></script>
		<script src="interaction.js"></script>
		<script src="xss.js"></script>
		<!-- end tests -->
		<script>
		if (window.mochaPhantomJS) { mochaPhantomJS.run(); }
		else { mocha.run(); }
		</script>
	</body>
</html>