Skip to content

PhenX/playwright-dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

300 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Playwright Dashboard

Nuxt UI Docker

A modern dashboard for storing and visualising Playwright test results, built with Nuxt 4 and powered by Nuxt UI.

📖 Full documentation at phenx.github.io/playwright-dashboard

Dashboard home — overview stats and test results trend

More screenshots

Projects list — all projects with last-run status and test ratio at a glance:

Projects list

Project detail — full run history with pass/fail breakdown:

Project detail

Performance — duration trend, slowest tests, and side-by-side run comparison:

Performance

Test run detail — every test case with status, duration, and error details:

Test run detail

Features

  • 📊 Test results storage — store complete Playwright test run data
  • 🎯 Project organisation — tests organised by project, auto-created on first submit
  • 📈 Performance tracking — step-level timing, avg/P90 trends, slowest-tests analysis
  • 🌐 Network request analysis — find slow API endpoints grouped by method + normalised route
  • 🔬 Browser Web Vitals — TTFB, DOMContentLoaded, FCP and more via the Performance API
  • 📊 Run comparison — side-by-side delta view with improved/regressed/unchanged summary
  • 🔌 Playwright reporter — custom reporter for automatic result submission
  • 🔐 Authentication — optional role-based access control (administrator, reporter, user)
  • ☁️ Flexible storage — local file system or S3-compatible storage
  • 🐳 Docker support — pre-built multi-platform container images (~200 MB)

Quick start

docker pull ghcr.io/phenx/playwright-dashboard:latest
docker run -p 3000:3000 -v $(pwd)/.data:/app/.data ghcr.io/phenx/playwright-dashboard:latest

Visit http://localhost:3000.

Documentation

Topic Link
Getting started phenx.github.io/playwright-dashboard/getting-started
Playwright reporter phenx.github.io/playwright-dashboard/reporter
API reference phenx.github.io/playwright-dashboard/api
Authentication phenx.github.io/playwright-dashboard/authentication
Storage configuration phenx.github.io/playwright-dashboard/storage
Deployment phenx.github.io/playwright-dashboard/deployment

Contributing

See .github/copilot-instructions.md for detailed development guidelines and architecture information.

About

A modern dashboard for storing and visualizing Playwright test results

Topics

Resources

Stars

Watchers

Forks

Sponsor this project

 

Packages

 
 
 

Contributors