https://github.com/michaelplazek/mocha-grommet-reporter

3rd party Mocha reporter written in ReactJS
https://github.com/michaelplazek/mocha-grommet-reporter

grommet javascript mocha react

Last synced: about 1 month ago
JSON representation

3rd party Mocha reporter written in ReactJS

• Host: GitHub
• URL: https://github.com/michaelplazek/mocha-grommet-reporter
• Owner: michaelplazek
• Created: 2017-06-21T21:42:30.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-08-31T11:56:03.000Z (about 7 years ago)
• Last Synced: 2024-10-01T06:31:53.725Z (about 2 months ago)
• Topics: grommet, javascript, mocha, react
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/mocha-grommet-reporter
• Size: 664 KB
• Stars: 2
• Watchers: 0
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Mocha Grommet Reporter

This is a custom reporter for the Mocha test framework written in React/[Grommet](https://grommet.github.io/). 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. App licensed to HPE.

## Screenshots:

![Overhead Dashboard](http://i.imgur.com/BsOGR5V.png)

![Developer Dashboard](http://i.imgur.com/dmsxmgZ.png)

`npm install mocha-grommet-reporter`

Place `
` where you want the application to run. 
NOTE: div MUST have `id='mocha'`


```

   

   

     

       Mocha API Checker

     

     

   

       


       

   

     

   

```


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](https://github.com/michaelplazek/mocha-grommet-reporter-example.git) to test

### Special Thanks to [Tyr Johanson](https://github.com/tyrjo) for his wisdom, insight and guidance throughout with this project.