Skip to content

Playwright preview autoupdate CI #31

@TomMaSS

Description

@TomMaSS

Summary

Add CI step that runs Playwright to capture UI screenshots on PRs and auto-updates the preview images. Include agents.md instructions for which sections to observe.

Technical Approach

  • GitHub Actions workflow triggered on PR
  • Run Playwright to capture key pages (dashboard, section view, graph, chat)
  • Upload screenshots as PR comment or commit to branch
  • agents.md section documenting which UI areas to screenshot
  • Compare with baseline screenshots for visual regression detection

Key Files

  • .github/workflows/ — new or existing CI workflow
  • ui/playwright.config.ts — Playwright setup
  • AGENTS.md — add screenshot section instructions

Acceptance Criteria

  • CI captures screenshots on PR
  • Screenshots posted as PR comment
  • agents.md documents observable sections
  • Baseline comparison for regression detection

Metadata

Metadata

Assignees

No one assigned

    Labels

    area:infraDocker, CI/CD, deploy, install.shtype:devexDeveloper experience, tooling, tests

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions