mocha-grommet-reporter
v1.12.0
Published
Mocha Web UI built in React/Grommet
Readme
Mocha Grommet Reporter
This is a custom reporter for the Mocha test framework written in React/Grommet. The two current views are the Dashboard and Details View, which include:
- total pass/fail ratio for all suites/tests
- time of last completed test
- sorted test results
- alert for timed out/slow tests
- duration of each test
- errors/stack trace from from failed tests
- timeout information
- visually appealing widgets
This reporter was designed mainly to be displayed as a status board over a respective workspace. The Details View is included to provide and expand on the functionality of any standard mocha reporter.
Screenshots:
npm install mocha-grommet-reporter
Place <div id='mocha'></div> where you want the application to run. NOTE: div MUST have id='mocha'
<!DOCTYPE html>
<html lang="en">
<head>
<title>Mocha API Checker</title>
</head>
<body>
<div id='mocha'></div>
<script src='/bundle.js'></script>
</body>
</html>Create index.js in the source directory and place the following code inside:
import mochaGrommetReporter from 'mocha-grommet-reporter';
import { Mocha } from 'mocha/mocha.js';
mocha.setup({
ui: 'bdd',
slow: 1500,
timeout: 10000,
reporter: mochaGrommetReporter
});
// place test files here
require('./index.test.js');
mocha.run();To test:
Use the mocha-grommet-reporter-example to test