Loading…
Catch visual regressions with Snapshots, now in beta
SentryMax Topolsky
Summary
Sentry has released the beta version of Sentry Snapshots to catch visual regressions on pull requests across any platform with a frontend. The tool captures screenshots of an application across various viewports, themes, and languages, compares them against a baseline, and blocks pull requests when diffs are detected. Teams can attach custom context metadata, including test file paths, to help developers and AI agents locate test sources and generate additional test cases. By leveraging the sentry-mcp integration, REST API, and sentry-cli, workflows can retrieve base images, diff masks, and run local diff verification before pushing commits. Originally created at Emerge Tools for mobile applications, this iteration expands automated visual testing capabilities to broader frontend codebases.
Context
Modern codebases risk trading visual quality for development speed, needing automated guardrails against unintentional visual regressions across diverse viewports, themes, and languages without the friction of traditional snapshot management.
Approach / What changed
Sentry Snapshots diffs application screenshots against baselines in CI, flags diffs on pull requests, and supports context metadata alongside sentry-cli and sentry-mcp integrations so developers and AI agents can query context, generate tests, and verify diffs locally.
Takeaways
- Sentry Snapshots uploads and diffs screenshots on every commit, blocking pull requests when visual changes occur until they are confirmed as intentional.
- Custom context metadata attached to snapshot images enables LLM agents to locate test source files, generate new snapshot test cases, and inspect diff masks via sentry-mcp.
- Developers and automated agents can run local verification using sentry-cli by downloading baseline images and diffing local screenshots before committing changes.
Related reading
Sentry ·
Improved debugging for Expo apps with the React Native SDK
Expo applications generate approximately 75% of the total event volume received from React Native applications in Sentry. In response, Sentry updated its React Native SDK starting in version 8.10 to improve Expo debugging and performance monitoring workflows. The update automatically enriches events with Expo constants and over-the-air update context, including channels, runtime versions, and emergency launch warnings when an OTA update fails. Developers can track remote EAS Build lifecycle failures and successes using dedicated hooks configured in package.json. Performance instrumentation now supports span generation for Expo Router route prefetching as well as asset and image loading through wrapper functions around expo-image and expo-asset.
Aleksandr PantiukhovSentry ·
Monitor Unreal Engine Game Performance with Application Metrics