Implement custom HTML reporter

[SaladFork]

Currently ember-cli-mocha just uses the HTML reporter that comes with mocha. While it works very well, it is difficult to extend and does not offer the same features as the QUnit output does. I came across @ef4's better-mocha-html-reporter which implemented an analogous reporter in ES6 and also cleaned up the styling.

I've since extended it a bit further to add features such as hiding passed tests, changing the favicon to indicate the final test result, and group together JSHint results (currently done after the fact, can probably be done a lot more elegantly). I've been sharing this through gists and had help from @elbeezy in cleaning it up.

Would such a reporter have a place in the ember-cli-mocha addon? Hoping this issue can start a discussion about the potential inclusion of a custom reporter (and if so, what features to implement).

[ballPointPenguin]

I agree that a general pattern for extending ember-cli-mocha with custom reporters would be helpful, but I also think that your reporter (or some agreed-upon variation of the @ef4 "better" reporter) should be the new default.

[ballPointPenguin]

#74

[mmelvin0]

I combined the work of @ef4, @SaladFork, and @lolmaus (and perhaps others) into a proper Ember-CLI addon as I found the default Mocha test runner to be a bit lacking. Feedback is welcomed.

https://github.com/mmelvin0/ember-cli-mocha-reporter

[ballPointPenguin]

thanks @mmelvin0 this has been fermenting on the dark backburner of my mind