test/testrunner.html

<!DOCTYPE html>
<html>
<body>

<div id="mocha"></div>

<!-- Test input form -->
<div style="margin: auto; text-align: center; margin-top: 50px">
  <h2>Test input</h2>
  <form>
    <input type="text" class="form-control">
  </form>
</div>

<!-- don't use anything remote here for test speed -->
<link href="../dist/picker-bs3.css" rel="stylesheet">

<script src="../node_modules/source-map-support/browser-source-map-support.js"></script>
<script>sourceMapSupport.install()</script>

<script src="../node_modules/babel-polyfill/dist/polyfill.js"></script>
<script src="../node_modules/jquery/dist/jquery.min.js"></script>
<script src="../dist/picker.iife.js"></script>

<script src="../node_modules/mocha/mocha.js"></script>
<script src="../node_modules/chai/chai.js"></script>
<script src="../node_modules/chai-jquery/chai-jquery.js"></script>
<script>
  var expect = chai.expect
</script>


<script>mocha.setup({
  ui: 'bdd',
  reporter: 'html'
//  reporter: 'spec'
})</script>
<script src="../dist/picker-tests.iife.js"></script>

<script>
  mocha.checkLeaks();
  mocha.globals(['jQuery']);
  mocha.run()
</script>
</body>
<head>
  <title>Mocha</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../node_modules/mocha/mocha.css"/>
</head>
</html>