A Mocha browser reporter that draws a line of dots and “F”s. To use it, say:

mocha.reporter(HTMLDotReporter);

Use CSS to style pre, pre .success, pre .failure, pre .end, and pre .failure-detail inside #mocha to style pieces.

Here is a sample output:

..........................................................F....................
...............................................................................
...............................................................................
....
240 of 241 passed

The smoke test fails:
expected 'this failing test' to not exist

test run time: 0.016s

Installation

npm install mocha-html-dot-reporter

or

curl https://raw.githubusercontent.com/gurdiga/mocha-html-dot-reporter/latest-release/index.js > mocha-html-dot-reporter.js

Tests

Yes, this is a test reporter that has tests itself! 8-) Just open tests.html in the browser.