Scan for visual bugs by capturing representative pages and interaction states in a consistent browser environment, then comparing each screenshot with an approved baseline. A difference is a signal to inspect—not proof of a defect. Use Playwright Test for a self-managed workflow, or a hosted visual-testing service when your team needs its review and browser-coverage features.
What a visual regression scan does
A visual regression check renders a page and compares its screenshot with a reference image. It can reveal changes such as a shifted layout, missing image, unexpected color, or altered text wrapping. The comparison identifies pixels or regions that differ; a person still needs to decide whether a difference is an intended design change or a bug.
Playwright Test includes screenshot assertions through toHaveScreenshot(). On its first execution, the assertion creates a reference screenshot; later runs compare the current rendering with that reference. See Playwright’s visual comparisons documentation.
Choose pages and states that matter
Begin with pages and states that represent important user journeys and release risks. A small, deliberate suite is easier to maintain than a set of screenshots with no clear purpose.
Do these 3 things before closing this tab:
1Repair Windows errors before they cause bigger problems2Scan for outdated or missing drivers - takes under a minute3Clear out junk files and repair common Windows errors#1 Best Overall
- All-in-One Indoor Air Quality Monitor——9 Parameters and 7 Alerts：This home air quality monitor tracks 9 essential environmental indicators: CO2, PM2.5, PM10, PM1.0, AQI, HCHO, TVOC, temperature, and humidity. Beyond detection, it offers 7 user-defined alert thresholds for personalized monitoring. A tri-color LED system paired with clear icons allows for quick visual status checks. Once any reading reaches Level 4 or higher, the display prompts a flashing "Open Windows for Ventilation" suggestion. Users can disable audible alarms with a single press while keeping all visual notifications active.
- 0.001 High-Precision Sensor with Real-Time Response：This air quality meter features a high-precision sensor with 0.001-level detection sensitivity. The unit samples at 1.5-second intervals and refreshes readings every 1 to 2 seconds, enabling continuous real-time data capture. Temperature measurement ranges from 14°F to 122°F with accuracy of ±1°F to ±3°F, while humidity ranges from 0% to 99% RH with accuracy of ±2% RH to ±3% RH. This professional-grade performance is particularly suited for homes with infants, allergy sufferers, and individuals with respiratory sensitivities, as well as office settings where indoor air quality directly affects work efficiency and overall well-being.
- Large 7.2-Inch Screen with 3-Stage Adjustable Brightness：The 7.2-inch display on this air quality tester organizes all readings in a clean, readable format with generously sized text for easy viewing from across the room. Its backlight offers three adjustable levels — Dim, Medium, and Bright — and automatically switches to the highest setting the moment any parameter triggers an alert. This ensures that warnings remain highly visible at all times. The unit is especially well-suited for family environments with young children or pets, delivering consistent and trustworthy air data in living areas, bedrooms, and nursery rooms.
- Easy Operation and Portable Design：This air quality detector operates without the need for app installations or WiFi connections — simply power it on and it begins working immediately. Display preferences are fully customizable, including 12/24-hour clock formats and Fahrenheit or Celsius temperature scales. A one-touch reset button allows for quick sensor recalibration whenever needed. The lightweight, compact body makes it easy to carry from one room to another, whether monitoring conditions in the living room, bedroom, kitchen, or even inside a vehicle for comprehensive air quality assessment across different environments.
- Wireless Operation with All-Day Battery Performance：This smart air quality monitor runs on a built-in 2500mAh rechargeable battery that supports up to 8 hours of uninterrupted wireless use per full charge. Recharging is simplified with a USB-C port, compatible with most modern charging accessories. With no cords to restrict placement, the air monitor indoor can be positioned freely in any room — from living spaces and bedrooms to home offices and kitchens — while maintaining continuous air quality tracking throughout the day.
- Cover key templates and high-traffic or business-critical pages.
- Include meaningful interaction states, such as an open menu, expanded panel, or validation message—not only the initial page.
- Test responsive layouts at the viewport sizes your audience uses and your team supports.
- Add browsers or device configurations when they are relevant to your users and release risk.
Keep the test data and page state repeatable. A screenshot taken with different content, a different viewport, or a different interaction state may produce a diff that says little about whether the design regressed.
Run a local comparison with Playwright Test
For teams already using Playwright, visual assertions fit into the existing browser-test workflow. Install Playwright Test and its browser binaries using the official documentation, then add a test such as:
Rank #2
- 【MULTIFUNCTIONAL AIR QUALITY METER】This 5-in-1 air quality tester accurately detects CO2, formaldehyde (HCHO), volatile organic compounds (TVOC), temperature, and humidity in real time. Equipped with smart sensors and a clear LED display, it provides an easy-to-read overview of your indoor air quality. The built-in battery level display lets you conveniently monitor the remaining power, while the compact design makes it ideal for homes, offices, bedrooms, and other spaces.
- 【COLOR LED SCREEN】This CO2 detector adopts intelligent color screen, which is super easy to read and shows clearly real time data. You can directly to know the overall environment quality and track on each gas mean value to know what gas in air is unsafe and take accordingly actions. In alert mode, the monitor will alert you to the environment by changing the colors.
- 【USB RECHARGEABLE BATTERY】This indoor air quality monitor adopts 2000mAh battery and supports USB charging, supporting a long time of continuous use and providing great convenience to charge, so that you can check the air quality from anywhere. It can carry on long time uninterrupted monitoring to air quality and will always take care of you and your family health.
- 【WIDE APPLICATION】This indoor air quality meter is small and portable, can detect the gas quality in bedroom, living room, kitchen, office, car, school, hotel, cellars, restaurant, campground and other environments. It is suitable for home air detection, car air detection, grow room, maternal and child room air detection, and public place detection and so on.
- 【100% QUALITY ASSURANCE】We are very confident in the quality of this portable CO2 monitor, and provide 12 months warranty or refund for it. Please feel free to reach us if you have any questions about your purchase. We will solve your problem within 24 hours.
import { test, expect } from '@playwright/test';
test('home page visual appearance', async ({ page }) => {
await page.setViewportSize({ width: 1280, height: 800 });
await page.goto('http://localhost:3000');
await expect(page).toHaveScreenshot('home-page.png', { fullPage: true });
});Run it with npx playwright test. The first run creates the expected screenshot; inspect and commit that image only if it represents the intended design. Subsequent runs compare against the committed reference. Review generated diffs when an assertion fails, and update the baseline only after confirming the change is intentional.
Playwright documents screenshot options and cautions that rendering may vary with the host operating system, browser version, settings, hardware, power source, and headless mode. Generate and compare screenshots in the same environment where possible. Pin or standardize those conditions, along with viewport and test data, to reduce noise; stabilize animations or dynamic content when they obscure the change you need to detect.
Rank #3
- ACCURATE:XLA Alert multi gas detector comes FACTORY CALIBRATED. Oxygen (O2), Carbon Monoxide (CO), Hydrogen Sulfide (H2S) and Explosive gas (EX).Detection error better than ≤±5% F.S. and response time: T<30s.
- CALIBRATION:XLA Alert multi gas detector can choose two calibration methods: ZERO CALIBRATION and SPAN CALIBRATION.We have PROFESSIONAL ENGINEERS to guide you to calibrate detectors..
- Material:XLA Alert multi gas detector Adopt ABS material.High-strength engineering plastics,good seismic resistance,WATERPROOF,DUST-PROOF and EXPLOSION-PROOF exceeding Exib IIB T3 Gb.
- ALARMS:XLA Alert multi gas detector has TRIPLE adjustable ALARM MODES:audio, visual, and vibration alarms alert.Large-capacity DATA STORAGE, recording alarm values.Real voice, simple and easy to understand, guarantee your 100% safety.
- 100% SATISFIED WARRANTY:Our 24 hours on-line customer services can help to answer any question about this gas detector in any time.If you have any issues or are not satisfied with our multi gas detector, please contact with us,we will give you well-done solution, REFUND or REPLACE a new one within 90 DAYS.
Control noisy diffs and review changes
Not every screenshot difference is actionable. Separate environmental or content variation from a user-visible regression before changing a baseline.
- Keep conditions steady: run baseline generation and comparisons with consistent operating-system, browser, viewport, and headless settings.
- Stabilize the page: use predictable test data and ensure the same interaction state is captured on every run. Address animations and dynamic content when they make comparisons unreliable.
- Inspect the changed region: use the diff to locate what moved or changed, then check the rendered page in context.
- Decide before accepting: confirm whether the change was intended. A baseline update records a new expectation; it does not fix an accidental regression.
Choose a workflow and tool
Playwright is a practical starting point when your team already runs Playwright tests and wants local control of assertions and reference images. Hosted products may suit teams seeking vendor-described review workflows or broader browser and device coverage. The descriptions below are from vendors’ own pages, not independent performance comparisons; pricing and comparative performance are not established here.
Rank #4
- 【PD3.2】This is the POWER-Z product page. This tester is the latest version and can support PD3.2.
- 【Larger Display】It has a larger LCD display (1.54 inches) than previous generaion and can support gravity rotation. The high contrast UI makes it easier to get what you need.
- 【Multiple Tests】This tester can support multiple tests, including voltage/current detection, capacity/energy test, E-marker test, PDO test, protocol test, etc.
- 【More Powerful】This tester integrates ARM Cortex-M4 processor and 20 bit ADC. It can support up to 50V 6A (240W in PD) and USB PD protocol analyzer. The PC software can obtain 10 million pieces of data at a time.
- 【Designed for USB-C】It's equipped with two USB-C ports for current input & output and an additional HID port (USB-C) for connecting to PC & power supply.
| Option | What its source describes | Consider it when |
|---|---|---|
| Playwright Test | toHaveScreenshot(), reference images, and comparison options. Source. |
Your team already uses Playwright, wants local control, and can maintain baselines and consistent execution conditions. |
| Applitools Eyes | Playwright integration, configurable match levels, dynamic-content handling, and hosted cross-browser/device rendering. Playwright integration; web testing. | You need to evaluate its matching behavior, handling of dynamic content, hosted coverage, and review workflow against your requirements. |
| Chromatic | Playwright visual checks, responsive viewport and cross-browser coverage, and interactive debugging with captured page context. Playwright visual testing; setup documentation. | Your team wants to assess how its workflow fits your page or component coverage, debugging, approval process, and supported browsers. |
| Percy by BrowserStack | Baseline-based visual testing in CI and responsive/cross-browser checks. Percy; cross-browser visual testing. | You want to assess its CI integration, viewport and browser coverage, baseline review, and hosted-service fit. |
Choose by looking at your existing test stack, required browsers and viewports, the way your team reviews baselines, and whether a hosted service suits your workflow. The vendor descriptions establish product features, not a neutral ranking.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Or skip the browser setup
ScreenshotNeo is a website screenshot API and MCP server for developers. Its API takes one GET request to return a screenshot or PDF; see the ScreenshotNeo site and API documentation.
Quick wins for a faster PC:
Clear out junk files and repair common Windows errorsFree Scan →Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Best Value
- Multi-functional and easy to read: Clean air is crucial for everyone. Our indoor air quality monitor can accurately measure carbon dioxide (CO2), formaldehyde (HCHO), total volatile organic compounds (TVOC), temperature and humidity. All data is clearly displayed on the ultra-high-definition color screen, making it easy for you to identify and read. With its convenient design, you can monitor the environment anytime and anywhere. It can effectively measure and evaluate the five key indicators of air quality.
- High-precision and fast data refresh: The device is equipped with a high-performance chip to ensure rapid and accurate data. It measures carbon dioxide through advanced infrared (NDIR) sensor technology and formaldehyde and total volatile organic compounds through electrochemical sensors. Compared with ordinary sensors, this device is more sensitive, precise and stable.
- User-friendly operation: Simply press and hold the "Power" button for 3 seconds to easily turn on or off the indoor air quality detector. Once activated, the device will automatically start detecting. The default temperature unit is Celsius (°C). If you prefer Fahrenheit (°F), just briefly press and hold the "Power" button for 1 second to switch the temperature unit.
- Two power options: Our indoor air quality monitor is equipped with a built-in 1200mAh rechargeable lithium battery and comes with a USB charging cable. Once fully charged, it can operate continuously for up to 8 hours, making it highly suitable for portable use. If you need to use it in a fixed location for an extended period, it is recommended to connect the USB charging cable to ensure continuous operation of the device. Please note that data may slightly deviate when charging or when the battery is low. Additionally, the product does not include a charging plug; please prepare one as needed.
- Widely Applicable: This portable smart home air quality monitor is suitable for various scenarios, including bedrooms, living rooms, kitchens, basements, cars, grow tents, offices, schools, and hotels. It can be placed stably on a desktop for easy data viewing and is an ideal choice for enhancing the quality of life.
curl -G "https://api.screenshotneo.com/v1/shot"
-d access_key=YOUR_API_KEY
--data-urlencode url=https://stripe.com
-o shot.webpFor scans where the page itself can vary, ScreenshotNeo can remove cookie and consent banners, newsletter popups, and chat widgets before capture; each cleanup step can be turned off. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits are not billed, and response headers indicate the page verdict and billing status. Its MCP server provides take_screenshot, get_page_info, and capture_pdf tools for AI agents using Claude, Cursor, or another MCP client. The free plan includes 1,000 screenshots per month without a card; paid plans start at $5 for 3,000 screenshots.
Sign up for 1,000 free screenshots a month, with no card required.
Troubleshoot failed or inconsistent comparisons
- Diffs change between runs: compare screenshots under the same browser, operating system, viewport, settings, and headless mode. Playwright identifies these as possible sources of rendering variation.
- First run creates a screenshot instead of reporting a regression: that is the baseline-generation step. Review the image before treating it as the expected appearance.
- Lots of changes appear in a page with live content: make test data and interaction state repeatable, and stabilize dynamic content or animations that are not the subject of the test.
- A failed assertion may be an intentional redesign: inspect the diff and confirm the intended result before updating the reference image.
- Only one viewport or browser passes: add the other viewport or browser configurations that matter to your audience and release risk, then manage separate expectations for those conditions.
Keep checks useful in CI
Run visual tests alongside the browser tests that establish page behavior, and make the comparison environment reproducible. Store approved references with the test suite so changes can be reviewed as code changes. When a diff appears, route it for review rather than automatically replacing the baseline. Expand browser and viewport coverage deliberately: each added configuration can expose differences that a single rendering environment cannot show, but it also adds expectations the team must maintain.
Frequently Asked Questions
Does a screenshot difference mean the page has a visual bug?
No. It means the rendered image changed. Review the changed area and determine whether the change was intended before updating the baseline.
Can I use screenshot comparisons to test responsive layouts?
Yes. Capture the same relevant pages at the viewport sizes your audience uses, and keep each run’s viewport consistent with its reference.
Why are screenshot tests flaky?
Rendering can vary with the host operating system, browser version, settings, hardware, power source, and headless mode. Dynamic content, animations, or inconsistent test state can also make screenshots harder to compare reliably.
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.
