how do I test a basic javascript file with mocha and using a html reporter?

Question

How do I test a basic Javascript file with mocha and using a html reporter?

Can somebody please show file structure, how it is all linked, please make it clear and concise. Perhaps just show all file's code and separate the test case file with what needs to be tested.

So far I have managed to initalise a file so i have a mocha.js, mocha.css and runner.html file but when I load runner.html it does not recognise the test script I am trying to test. For example, it doesn't not show that there was any tests at all but shows the screen of a test.

So what are the possible problems with this?

Thank you for your help in advance!

Answer 1

So what are the possible problems with this?

Checklist:

add a <script src="your-source-file(s).js"> to link in the feature you are testing.
add a <script src="your-test-suite.js"> to link in your tests (should be after mocha.js and ideally after the source that you are testing).
call `mocha.reporter('html');
call mocha.run(); -- this should be after everything else.

Example:

<!DOCTYPE html>
<html>
  <head>
    <title>browser test runner</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="mocha.css" />
  </head>
  <body>
    <div id="mocha"></div>
    <!-- test framework -->
    <script src="chai.js"></script>
    <script src="mocha.js"></script>

    <!-- source -->
    <script src="../feature.js"></script>

    <!-- mocha setup -->
    <script>
        mocha.ui('bdd');
        mocha.reporter('html');
    </script>

    <!-- test suite -->
    <script src="tests.js"></script>

    <!-- runner -->
    <script>
        mocha.run();
    </script>
  </body>
</html>

how do I test a basic javascript file with mocha and using a html reporter?

Question

1 answers

solution1
0 2013-08-26 05:17:49

how do I test a basic javascript file with mocha and using a html reporter?

Question

1 answers

solution1 0 2013-08-26 05:17:49

solution1
0 2013-08-26 05:17:49