Skip to content

Add Playwright visual snapshot tests with CI gate#214

Merged
AustinAbbott merged 4 commits into
masterfrom
add-visual-snapshots
Jul 11, 2026
Merged

Add Playwright visual snapshot tests with CI gate#214
AustinAbbott merged 4 commits into
masterfrom
add-visual-snapshots

Conversation

@AustinAbbott

Copy link
Copy Markdown
Owner

Summary

  • Add Playwright visual screenshot tests for key routes (/, /blog/, /about/, one post) at desktop and mobile viewports
  • Commit baselines and a GitHub Actions workflow that fails on screenshot diffs (with failure artifacts)
  • Document setup, CI failure inspection, and snapshot update workflow in the README

Test plan

  • npm ci && npx playwright install chromium
  • npm run test:visual passes against committed baselines
  • Confirm Visual workflow runs on this PR and is green
  • Optionally mark Visual snapshot tests as a required status check on master after merge

Made with Cursor

Catch Astro/dependency layout regressions by comparing key pages against committed baselines and failing the Visual workflow on diffs.
@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Jul 11, 2026

Copy link
Copy Markdown

Deploying dev-blog with  Cloudflare Pages  Cloudflare Pages

Latest commit: 28f777f
Status: ✅  Deploy successful!
Preview URL: https://48084c88.dev-blog-10f.pages.dev
Branch Preview URL: https://add-visual-snapshots.dev-blog-10f.pages.dev

View logs

@cursor cursor Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes using default effort and found 1 potential issue.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit 5a8f76e. Configure here.

Comment thread playwright.config.ts Outdated
Build in a separate workflow step, bind preview to a dedicated port, and never reuse an existing server so tests always hit production output.
Bind preview to a dedicated port, switch the post fixture off animated GIFs, and temporarily generate Linux snapshots in CI for commit.
@AustinAbbott AustinAbbott merged commit 146741d into master Jul 11, 2026
2 checks passed
@AustinAbbott AustinAbbott deleted the add-visual-snapshots branch July 11, 2026 19:52
@cursor cursor Bot mentioned this pull request Jul 11, 2026
1 task
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant