test.html

<html>
<head>
  <meta charset="utf-8">
  <title>Mocha Tests</title>
</head>
<body>
  <div id="mocha"></div>

  <script src="mocha.js"></script>
  <script src="chai.js"></script>
  <script src="index.js"></script>

  <script>
    mocha.setup('bdd');
    mocha.reporter(HTMLDotReporter);

    window.expect = chai.expect;
  </script>

  <script src="sample-tests.js"></script>

  <script>
    mocha.run();
  </script>

  <script src="test.js"></script>

  <div style="margin: 60px 50px">
    <h2>The above is a sample test run. The tests results for the reporter are below.</h2>
    <pre id="test-results"></pre>
  </div>

</body>
</html>