I built a Playwright report viewer

Chris Ewart

Why? None of the options out there scratched all my itches.

I wanted a report that did just what I want and nothing else. I want to know what failed, which step, what evidence do I have, and what should I paste into an agent next to fix it. Existing reporters got me partway there and then made me assemble the rest by hand.

So I built athena-playwright. Containing all the functionality you would expect of a test report viewer: Suite tree, outcome heatmap, test durations, screenshots, Open Trace, and a structured fix prompt with links into your AI platform of choice. Drop it into playwright.config.ts, run your tests, open the report.

npm i -D athena-playwright

npm version for athena-playwright athena-playwright on npm · GitHub

The reporter surfaces what Playwright already attaches and stays out of the way otherwise. If it scratches an itch for you too, grab it — and if it doesn't, the surface area is small enough that it won't haunt your config forever.