Cypress can capture screenshots, but it does not compare them with approved visual baselines by itself. To detect unintended visual changes, capture a deliberate application state with Cypress, then use a visual-regression plugin or hosted service to compare that image with a baseline and review the difference.
What Cypress screenshot comparison does—and does not—do
cy.screenshot() saves an image of the page or an element. Cypress can also capture screenshots automatically when tests fail during cypress run. Neither feature, on its own, establishes an approved reference image or tells you whether a later capture has changed. For that, add a comparison plugin or visual-testing service. See the Cypress visual testing guide and screenshot command documentation.
As an Amazon Associate I earn from qualifying purchases.
A visual-regression test captures the interface in a known state, compares the new image with an approved baseline, and reports a difference for review. A difference is a signal to investigate, not proof of a defect: it may reflect an intentional design change, a genuine regression, or rendering noise.
Choose a comparison approach
Cypress’s guide describes both open-source plugins and commercial visual-testing services. The following are general trade-offs between those categories, not guarantees about every product:
#1 Best Overall
- CRISP CLARITY: This 23.8″ Philips V line monitor delivers crisp Full HD 1920x1080 visuals. Enjoy movies, shows and videos with remarkable detail
- INCREDIBLE CONTRAST: The VA panel produces brighter whites and deeper blacks. You get true-to-life images and more gradients with 16.7 million colors
- THE PERFECT VIEW: The 178/178 degree extra wide viewing angle prevents the shifting of colors when viewed from an offset angle, so you always get consistent colors
- WORK SEAMLESSLY: This sleek monitor is virtually bezel-free on three sides, so the screen looks even bigger for the viewer. This minimalistic design also allows for seamless multi-monitor setups that enhance your workflow and boost productivity
- A BETTER READING EXPERIENCE: For busy office workers, EasyRead mode provides a more paper-like experience for when viewing lengthy documents
| Consideration | Local open-source plugin | Hosted visual service |
|---|---|---|
| Where comparison happens | Typically on your machine or in CI. | In the provider’s infrastructure. |
| Baseline management | Image files are generally stored with code; your team manages changes. | Baselines and approvals are generally managed by the service. |
| Review | Diff images may be available locally or as CI artifacts. | A web dashboard and, often, pull-request review. |
| Browser and viewport coverage | Usually the environment configured for each run. | Some services offer multiple browsers and viewport widths. |
| Operational responsibility | Your team maintains rendering consistency and the review process. | The provider manages more infrastructure; assess its service and data requirements. |
| Cost | Cypress describes open-source plugins as free. | Cypress describes commercial services as paid subscriptions. |
Choose based on where you need comparisons to run, how your team wants to approve changes, required browser coverage, and data-handling needs. Before adopting any specific tool, verify its current Cypress compatibility, pricing, retention, privacy terms, browser matrix, and review workflow.
Examples named in Cypress documentation
Cypress lists Cypress Image Diff, Cypress Image Snapshot, Cypress Visual Regression, and Visual Regression Diff as maintained open-source plugins, and describes Pixeleye as a self-hostable option. Its plugin directory can change: when checked for this article, it listed @chromatic-com/cypress version 1.0.0, updated in September 2026, with a Cypress requirement of 15.10.0 or later. Check the current Cypress guide and the candidate’s own documentation before installing; compatibility and directory details can change.
Cypress’s guide also describes commercial integrations including Applitools Eyes (AI-assisted comparison), Argos (CI and pull-request review), Chromatic (cloud archive, rendering and diffing), Happo (full-page and component snapshots across browsers and sizes), Percy (cloud rendering across browsers and responsive widths), LambdaTest SmartUI, and Sauce Labs Visual. These are descriptions from Cypress and the vendors, not independent performance comparisons. Chromatic’s Cypress setup documentation describes archive upload, cloud snapshots, pixel diffs and a review-and-approval workflow, and says it supports Cypress 13.5.0 and later. Applitools’ Eyes product page describes cloud-hosted baselines and Visual AI; claims about superiority or reliability should be understood as vendor claims.
Recommended Free Tools
Rank #2
- CRISP CLARITY: This 22 inch class (21.5″ viewable) Philips V line monitor delivers crisp Full HD 1920x1080 visuals. Enjoy movies, shows and videos with remarkable detail
- 100HZ FAST REFRESH RATE: 100Hz brings your favorite movies and video games to life. Stream, binge, and play effortlessly
- SMOOTH ACTION WITH ADAPTIVE-SYNC: Adaptive-Sync technology ensures fluid action sequences and rapid response time. Every frame will be rendered smoothly with crystal clarity and without stutter
- INCREDIBLE CONTRAST: The VA panel produces brighter whites and deeper blacks. You get true-to-life images and more gradients with 16.7 million colors
- THE PERFECT VIEW: The 178/178 degree extra wide viewing angle prevents the shifting of colors when viewed from an offset angle, so you always get consistent colors
Build a stable Cypress visual-regression test
- Install and configure a comparison tool. Choose a maintained plugin or service, then follow its current Cypress setup instructions. Snapshot command names, baseline storage, and review procedures vary by tool; do not assume a plugin uses
cy.screenshot()as its comparison command. - Drive the application to a meaningful state. Use Cypress commands to navigate, interact with the page, and establish the state you want to protect. Make the test assert the expected state before taking a snapshot, so a failed setup does not produce a misleading image.
- Stabilize content and rendering. Fix the viewport and use the same browser and operating-system environment for baseline and subsequent captures. Control changing API responses with fixtures or
cy.intercept(). Wait for the relevant UI to render and for animations to finish; mask a small, genuinely uncontrollable dynamic region only when the chosen tool supports masking. - Capture a deliberate checkpoint. Use the plugin or service’s snapshot command for a specific element or the whole page. Element-level captures narrow the scope of a change; page captures can catch broader layout changes.
- Create and approve the initial baseline. The first accepted capture becomes the reference image. Review it before approval to make sure it shows the intended state rather than an incomplete load or test setup failure.
- Review later differences before updating a baseline. When a later run reports changed pixels or regions, inspect the diff and the application change. Approve a new baseline only when the visual change is intended; otherwise fix the UI or test instability.
Cypress’s guidance is: “Best Practice: Generate and compare screenshots in the same environment, with a fixed viewport.” — Cypress Documentation, “Visual testing in Cypress.” OS, browser version, display scaling, and installed fonts can all alter pixels without an application change, so local pixel comparisons are particularly sensitive to environment drift.
Choose snapshot scope and checkpoints carefully
Element or component snapshots
Capture a focused component when the test is meant to protect a specific control, card, navigation area, or other bounded interface. Smaller snapshots make it easier to connect a difference to the component under test and reduce unrelated page changes in the review.
Full-page snapshots
Capture the page when the purpose is to catch page-level layout changes, including relationships among sections. A full-page image covers more, but a change anywhere on the page can create review work that is unrelated to the feature being tested.
Rank #3
- Clear visuals. Fluid motion: A 144Hz refresh rate and 1ms MPRT deliver smooth, tear‑free motion across work, gaming, and streaming for clearer, more fluid viewing.
- Eye comfort: TÜV Rheinland 3‑star* certification reduces harmful blue light while preserving stunning color quality without compromise. *TÜV Rheinland 3-star eye comfort certification.
- Wide viewing angle: Get consistent views across a wide 178° /178° viewing angle.
- In-Plane Switching (IPS): See excellent color accuracy and consistency across wide viewing angles with In-plane Switching (IPS) technology.
- Ultra-thin bezels: Maximize your viewing experience with thin bezels.
Checkpoint frequency
Take snapshots at important visual states, not every incidental step in every test. Each checkpoint can create a baseline and future review task. A useful checkpoint follows the interactions needed to reach a state that matters to users, with assertions confirming that state.
Keep visual comparisons reliable
- Fix the viewport and rendering environment. Keep browser version, operating system, display scaling, and fonts consistent wherever practical. A comparison across different environments can report pixel changes unrelated to your code.
- Control variable data. Stub changing API responses with fixtures or
cy.intercept()so timestamps, randomized records, or changing server content do not create noise. - Wait for the interface, not an arbitrary assumption. Wait for a meaningful selector or application state and ensure rendering has settled before capture. If a tool supports waiting for a selector, use that rather than relying only on a fixed delay.
- Disable or finish animation. A snapshot taken mid-transition can differ between runs. Turn off animation in the test environment or wait until the relevant transition has completed.
- Mask narrowly, if available. Mask only content that is genuinely uncontrollable. Broad masking or a relaxed whole-page difference threshold can hide the very change the test should catch.
- Keep baselines reviewable. Treat baseline updates as code changes that deserve inspection. A blanket approval of every diff weakens the test’s value.
What to expect from local and hosted tools
A local plugin can suit teams that want image files in their own code and control over the comparison environment. The trade-off is that the team owns baseline updates, rendering consistency, and how diff images are reviewed in CI.
A hosted service can reduce infrastructure and review-workflow maintenance, and some providers offer broader browser or viewport coverage. Capabilities differ: confirm which browsers and sizes are actually rendered, how baselines are approved, what gets uploaded or retained, and whether the service fits your privacy requirements. Product descriptions alone do not establish comparative accuracy or reliability.
Rank #4
- CURVED FOR ENHANCED ENGAGEMENT: An immersive viewing experience with a curved monitor that wraps more closely around your field of vision; It creates a wider view, enhancing depth perception and minimizing peripheral distraction
- SMOOTH PERFORMANCE FOR SEAMLESS CONTENT: Stay in the action when playing games, watching videos, or working on creative projects; The 100Hz refresh rate reduces lag and motion blur so you don't miss a thing in fast-paced moments¹
- MORE GAMING POWER: Gain the edge with optimizable game settings; Color and image contrast can be adjusted to see scenes more vividly and spot enemies hiding in the dark; Game Mode adjusts any game to fill the screen so you can view every detail²
- KEEP IT EASY ON THE EYES: Care for your eyes and stay comfortable, even during long sessions; Advanced eye comfort technology certified by TÜV reduces eye strain by minimizing blue light and reducing irritating screen flicker²
- INCREASED VERSATILITY: Connect to more; Plug devices straight into your monitor for increased flexibility, making your computing environment even more convenient
Or skip the browser setup
If you need screenshots outside a Cypress baseline workflow—for example, a clean image of a URL for a report or downstream process—ScreenshotNeo is a website screenshot API and MCP server. A single GET request returns an image or PDF; it is not a replacement for a Cypress visual-regression tool or its baseline review process.
Install Python’s requests package if needed, set your API key, then run this complete example. Change only the target URL if required. See the ScreenshotNeo API documentation for request options.
import requests
r = requests.get(
"https://api.screenshotneo.com/v1/shot",
params={"access_key": "YOUR_API_KEY", "url": "https://stripe.com"},
timeout=90,
)
open("shot.webp", "wb").write(r.content)ScreenshotNeo accepts cookie and consent banners before capture and removes more than 60 known consent platforms, newsletter popups, and chat widgets; each cleanup step can be turned off. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits are not billed, and the response identifies the page verdict and billing status in headers. Its MCP server provides take_screenshot, get_page_info, and capture_pdf for Claude, Cursor, and other MCP clients. The free plan includes 1,000 screenshots per month with no card; paid plans start at $5 for 3,000. Every feature is available on every plan.
Sign up for ScreenshotNeo’s free plan to try 1,000 screenshots a month without a card.
Best Value
- 【INTEGRATED SPEAKERS】Whether you're at work or in the midst of an intense gaming session, our built-in speakers provide rich and seamless audio, all while keeping your desk clutter-free.
- 【EASY ON THE EYES】 Protect your eyes and enhance your comfort with Blue-Light Shift technology. This feature reduces harmful blue light emissions from your screen, helping to alleviate eye strain during long hours of use and promoting healthier viewing habits.
- 【WIDEN YOUR PERSPECTIVE】Our sleek minimal bezel design ensures undivided attention. The nearly bezel-free display seamlessly connects in a dual monitor arrangement, delivering an unobstructed view that lets you focus on more at once, completely distraction-free.
Troubleshooting common visual-test failures
The test passes, but no visual differences are reported
Confirm that the selected plugin or service is actually configured to compare against a baseline, and that the test invokes its snapshot command. Cypress’s built-in screenshot capture alone does not perform baseline comparison. Also verify that the run is reading the intended baseline rather than creating or updating one automatically.
The same page produces noisy diffs on different machines
Align the operating system, browser version, viewport, display scaling, and installed fonts between baseline generation and test runs. If local environments cannot be made consistent, run comparison in a controlled CI environment or evaluate a hosted service’s rendering setup.
Do these 3 things before closing this tab:
1Scan for outdated or missing drivers - takes under a minute2Repair Windows errors before they cause bigger problems3Fix the driver behind crashes, sound loss and screen glitchesOnly data or animations differ
Stabilize responses with fixtures or cy.intercept(), wait for the application state to finish rendering, and disable or wait out animations. If one small region remains inherently dynamic, use the tool’s masking support for that region rather than weakening comparison across the full image.
A diff appears after an intentional design change
Inspect the changed region and confirm the intended UI change in the application. Then approve or regenerate the baseline using the selected tool’s documented review flow. Do not accept diffs in bulk without checking what changed.
A plugin will not install or run with your Cypress version
Check the plugin’s current supported Cypress versions and setup instructions. Directory listings and integrations change; the version and minimum requirement shown in a listing are not a guarantee of compatibility with your installed project today.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
