cyberneticlibrary

Detect unintended UI changes automatically

testsprite-mcpmcp_serversetup L30
npm:@testsprite/testsprite-mcp
What it does

Generate and manage test sprites for visual regression testing

Best for

Automated visual regression testing with MCP integration for detecting unintended UI changes in CI.

Inputs
  • · Test specification (dimensions, style rules)
  • · Visual baseline images
Outputs
  • · Test sprites (PNG or WebP)
  • · Comparison diffs highlighting visual changes
  • · Regression alerts when baselines drift
Requires
  • · Image processing library (Sharp, ImageMagick, or similar)
  • · Optional: CI/CD integration (GitHub Actions, GitLab CI)
Preconditions
  • · Visual testing framework installed (Playwright, Puppeteer, Cypress)
  • · Baseline image library committed to repo
Failure modes
  • · Baseline image corruption causes all tests to fail
  • · Color space mismatch between platforms (sRGB vs P3)
  • · Font rendering differences on different OS