The default Playwright reports can benefit from some power tools for the end user
Playwright report default generation can be a bit challenging from a usability perspective, particularly when navigating through large test sets, screenshots, and more.
There is probably some method to inject this helper directy into the generated reports since it's just a simple set of JS. In the meantime, I'm using it as a TamperMonkey script.
The main goal is to provide a floating draggable helper screen and keyboard shortcuts. From the home page/top of the report, you will find a new widget like below.
Sort Time will expand all the sub reports and order tests by execution time.
When viewing a test, the helper changes out with new options like below.
My personal favorite is "Screenshots" which jumps to the screenshots, which also acts as a sticky anchor when navigating forward and backward with the arrow keys.
Copy Link and Copy Test ID are great for quickly navigating to your own local instance of the site, or to share test ID information back to an AI chatbot.
I hope you find this helpful!