mochawesome-report-generator icon indicating copy to clipboard operation
mochawesome-report-generator copied to clipboard

Design tweaks

Open adamgruber opened this issue 7 years ago • 2 comments

Possible design changes

  • Update icons / switch to SVG
  • Refine typography (smaller suite titles / headers)
  • Streamline quick summary
  • Make quick summary icons clickable for fast filtering
  • Default to hide charts (Are the charts even useful?)
  • More obvious hover states for tests
  • Adjust text contrast #92

adamgruber avatar Oct 25 '18 02:10 adamgruber

Hi @adamgruber,

Just didn't want to create a new ticket for this but i have a question related to the output. Is it possible to create your own output/theme (html/css) for the reporter?

pgroot91 avatar Aug 07 '19 12:08 pgroot91

I would say sure its possible but not easy and there's nothing built in that will help. You can absolutely take the raw JSON output and feed it into your own renderer to generate whatever markup you want.

If you're looking more for how to customize parts of the mochawesome report markup, then no that's not currently possible and probably won't be.

For CSS, while you can't specify your own stylesheet as an option, you could always modify the report post-creation and add your own stylesheet to tweak the design.

Did you have specific changes you wanted to make in mind?

adamgruber avatar Aug 07 '19 13:08 adamgruber