Usability enhancements for HTML
- If there are warnings or errors, change color of Output Sections tab to yellow/red
- Expand/Collapse All Tests button on Results pages (https://stackoverflow.com/questions/50393204/expand-all-collapse-all-button-js)
- Each Results tab should have sortability by fqtn, time and outcome
- Triple-click result button to select all label text
- Highlight/outline header tab that's currently active
- ~~Link-like content in test cases should be hyperlinked and clickable~~ NOT FEASIBLE
- 'About' page should link to Failures, Passes, etc. via lastline
- ~~Migrate buttons at top to navbar~~ (not needed anymore)
- ~~Highlight on hover for test case buttons~~ DONE
- ~~Zebra highlighting for results~~ will not do
- ~~Tab bar colors~~ DONE
- ~~Top-level buttons (About | Passed | Full Output | etc.) should be sticky at top of page~~ DONE
- ~~Horizontal scroll bar should be visible at bottom of browser if page content extends beyond the page~~ DONE
- ~~Visual delineation between Results and Sections tabs~~ DONE
As for (4) above, this is the #1 use case item that would improve usability, at least for me. So, something like this should be able to open up the file Operation.py locally if clicked:
> assert Timeout.timeout(
lambda: .check(
self.device,
"actualValue",
real_value,
),
timeout=timeout,
interval=1,
), "Failed sanity check"
E AssertionError: Failed sanity check
../gems/operations/Operation.py:76: AssertionError
Possible template for implementing custom file:/// solution: https://blog.mattheworiordan.com/post/13174566389/url-regular-expression-for-links-with-or-without
2022-11-27 Update: Because of security reasons, opening files on the local filesystem is not allowed from web browsers. One way I can think of doing this is by actually embedding the source code in a foldable section in the HTML itself...but then, Pytest already kind of does this with its traceback handling, so this is just gilding the lily.