Mocha Bar is a compact and fast test reporter for the browser.
Add Mocha Bar to the devDependencies of your Node.js project: in the console, switch to your
project folder and enter the following command.
npm install --save-dev mocha-barThen edit the HTML file that runs the tests, inserting the following lines into the <head>
element.
<link rel='stylesheet' href='../node_modules/mocha-bar/mocha-bar.css'>
<script src='../node_modules/mocha-bar/mocha-bar.js'></script>Finally, edit your JavaScript and tell Mocha to use the reporter:
mocha.setup({ reporter: MochaBar, ui: 'bdd' });In TypeScript, an additional type import may be required:
import type { } from 'mocha-bar';
mocha.setup({ reporter: MochaBar, ui: 'bdd' });Alternatively, in your TypeScript configuration, include "mocha-bar" in the types list of the
compilerOptions section.
In tsconfig.json:
{
"compilerOptions": {
"types": [
"mocha-bar"
]
}
}