Report Refactoring

How to

The molybdenum test report evolves and changes to XSL, CSS, Images etc. will be necessary. As they directly affect user experience, let's make sure to provide changelogs for them. Here's how to visualize the changes (or to prove that a technical motivated change did not break the layout).

1. Use the molybdenum test report, expand all nodes and provide a screenshot for it using this moly script.
2. Do this two times: for the previous version and for the version containing your changes, saving the result to say: before.png and after.png (~1.5 MB per image)
3. use ImageMagick or any other tool to crop them:

   convert before.png -crop '1400x3000+0+0!' -background skyblue -flatten before-cropped.png
   convert after.png  -crop '1400x3000+0+0!' -background skyblue -flatten after-cropped.png

   (I was not able to specify the width percentual when the height should be a fixed value)

4. images will look like this for example

   before-cropped.png	after-cropped.png

5. now you can compare them:

   compare before-cropped.png after-cropped.png result.png

6. store the results here

There's a simple shell script ready to do all of this automatically in molybdenum-dist/src/main/resources/reportDiff: http://molybdenum.svn.sourceforge.net/viewvc/molybdenum/trunk/molybdenum/molybdenum-xpi/src/main/resources/reportdiff/reportDiff.sh?view=markup

Changelog

/home/jonas/temp/report-refactoring/result-1004.png

Target release	0.7.2
Revision	1034
Image
Changelog	legend now half-transparent command and value separator (the pipe) more emphasized no image borders in IE less JS errors in IE (but still some)
Revision	1004
Image	NO CHANGES AT ALL
Changelog	reduced report size by 12%
Revision	1003
Image
Changelog	unresolved bricks rendered as error improved indentation command target and value together in one column lighter colors for msg and desc reduced ouput file size by 4%
Revision	991
Image
Changelog	better command indentation better command column arrangement CSS cleanup and docu reduced ouput file size by 22%!
Revision	974
Image
Changelog	metadata rearrangement no border around closed elements arranging in columns: time, duration and rerun button minor bugfixed regarding bricks
Revision	966
Image
Revision	967
Image	NO CHANGES AT ALL
Changelog	reduced report size by moving CSS styles from HTML to CSS (another 7%)
Revision	966
Image
Changelog	fixed MOLYB-225, no longer collapsing command messages and descriptions
Revision	965
Image	NO CHANGES AT ALL
Changelog	reduced report size by moving CSS styles from HTML to CSS (just 5% for now)