Mocha-grommet-reporter NPM

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: 1. total pass/fail ratio for all suites/tests 1. time of last completed test 1. sorted test results 1. alert for timed out/slow tests 1. duration of each test 1. errors/stack trace from from failed tests 1. timeout information 1. 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:

Overhead Dashboard

Developer Dashboard

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();