Error listings for unit tests

[Rayne]

This PR adds error listings above the unit test results, which makes it easier to spot failed tests (not only for people with red-green color blindness). Also it looks quite nice.

Depends on PR f3-factory/fatfree-core#64.

[xfra35]

Hi @Rayne,

I agree that a quicker reading of the results could be achieved but I'm not convinced by this PR because:

• errors get reported twice (once in the "Errors" section, once in the "Tests" section)
• Test: added numeric test identifiers f3-factory/fatfree-core#64 doesn't add any value (the new property === the array index)

I think we could achieve the same result with a simple counter or a check mark at the title level or just below.

But what would be really awesome would be to print the test results for all the pages directly in the left sidebar =)

[Rayne]

Thank you @xfra35. The counter or the check mark are good ideas for a first look. But spotting the exact error (without reading test descriptions) in your check mark example is still difficult (for me). Another or additional idea: let error descriptions be bold (not italic, it doesn't jump in your face when looking at a list of tests).

You are also right that the PR is not essential for this feature. I also understand that you don't like that errors get reported twice. I duplicated them, so it's still possible to study the development of tests building up on previous tests.

I doubt that it's possible to print the result for all pages. For instance the OpenID tests depend on user interactions. With some help of JavaScript (instead of executing all tests for every request at once), it should be possible to get the results of the remaining tests.

It could look like:

• Globals [✓]
• Internals [✓]
• ThisTestHasFailures [3]

We could also hide debug information, when there are no errors:

• Globals
• Internals
• ThisTestHasFailures [3]

[xfra35]

I didn't pay attention to your commit message. You're right about color blindness. So maybe we could enhance the CSS to add a validate/fail mark symbol before each test?

[Rayne]

A simple status symbol will not jump in your face when skimming the test descriptions, but would be a first step in the right direction. What do you think about failed tests in bold? Another idea: