Use Selenium WebDriver to put the application into a known state, then hand a screenshot at each deliberate checkpoint to a visual comparison layer that stores approved baselines and makes changes reviewable. Selenium drives the browser; the comparison workflow—not WebDriver alone—decides whether a visual difference is intentional or a regression.
What visual UI testing adds to Selenium
Functional tests can confirm that a button works or a page contains expected text without detecting that a layout has shifted, a control is obscured, or a style has regressed. Visual regression testing captures the rendered interface at selected states and compares each capture with an approved baseline. The first reviewed run commonly establishes that baseline; later differences need review before they are accepted. See the Selenium documentation for WebDriver’s browser-automation role and the visual regression testing overview for the general comparison workflow.
A dependable setup has three parts: stateful browser automation, repeatable screenshot capture, and a review process for differences. A baseline is a reference, not proof that the interface is correct: an unreviewed defect can be captured and preserved as the initial expected result.
Build the workflow around meaningful checkpoints
- Choose user-visible states. Select screens where appearance matters: an initial page, a menu or dialog after interaction, validation errors, loading or empty states, and responsive layouts relevant to your users.
- Drive the application with WebDriver. Navigate and interact as a user would. Capture only after the intended state is present, not simply after navigation has returned.
- Wait for a relevant condition. Use an explicit readiness condition that matches the interface—for example, a dialog becoming visible—rather than relying on a fixed delay when a state-based wait is available. Selenium’s documentation treats waits as a core WebDriver subject: WebDriver waits.
- Name checkpoints consistently. Use names that identify the page and state, such as
checkout-validation-error. Avoid duplicate names; Percy’s Python integration documents snapshot names as unique. - Compare and review. Inspect changes against the accepted baseline. Accept and save a new baseline only when the change is understood and intended; reject unexpected changes and investigate them.
- Run where it matters. Browser and viewport coverage should reflect the environments you support. Selenium Grid can distribute browser tests, but a capture in one browser is not evidence that every browser renders identically. See Selenium Grid.
Example: Selenium driving a Python test
The following runnable pattern demonstrates browser setup, a state-based wait, and a screenshot checkpoint using Selenium’s built-in screenshot method. It saves an image; it does not itself compare that image with a baseline or provide review. Connect the saved capture to your team’s chosen comparison layer to complete visual regression testing.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
#1 Best Overall
- Read Before You Buy — No Video Output: These adapters support charging and USB 2.0 data transfer, but cannot transmit video signals. Except for standard USB webcams (which use USB data only), they are not compatible with HDMI/DisplayPort cables, video-capable USB-C hubs, or docking stations with video output.
- Convert USB-A Ports to USB-C: Designed to connect USB-C earphones, cables, flash drives, card readers, and other USB-C accessories to standard USB-A ports. Plug-and-play with no drivers or software required.
- Aluminum Alloy Housing: Built with a sturdy aluminum alloy shell that aids in heat dissipation and protects against daily wear and scratches. Designed to maintain a stable and secure connection.
- Compact & Travel-Friendly: The ultra-compact design allows the adapter to stay plugged into your device without blocking adjacent ports or adding bulk, reducing wear and tear on your original USB ports.
- 12-Month Warranty: Backed by a 12-month manufacturer warranty for peace of mind. Designed to meet strict quality control standards for reliable everyday performance.
from pathlib import Path
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.support.ui import WebDriverWait
options = webdriver.ChromeOptions()
driver = webdriver.Chrome(options=options)
try:
driver.set_window_size(1280, 900)
driver.get("https://example.com")
# Replace this selector and action with the state your test needs.
WebDriverWait(driver, 15).until(
EC.visibility_of_element_located((By.CSS_SELECTOR, "main"))
)
Path("artifacts").mkdir(exist_ok=True)
driver.save_screenshot("artifacts/homepage.png")
finally:
driver.quit()Install Selenium with python -m pip install selenium. Selenium Manager can manage browser drivers for supported setups; if browser startup fails, check that your installed browser and the driver-management configuration are compatible. Replace the example URL and selector with your own application and a condition that actually signals visual readiness. For a comparison product, use its documented Selenium integration and snapshot API rather than treating save_screenshot as a baseline system.
Make screenshots repeatable without hiding defects
Visual noise often comes from capturing different states, not from a faulty comparator. Keep test data, browser size, and application state controlled; wait for the relevant content; and decide explicitly how to handle animation, rotating content, timestamps, ads, maps, avatars, and other volatile regions. These are practical engineering controls, not a universal Selenium configuration recipe.
Rank #2
- 5-in-1 USB-C Hub: Experience comprehensive connectivity featuring a Power Delivery input, two USB-A 2.0 ports, a USB-A 3.0 port, and an HDMI port. (Note: The USB-C power delivery input port is only for connecting an external wall charger to power your laptop and cannot power peripheral devices.)
- 90W Pass-Through Charging: Achieve optimal charging with 90W pass-through power to your laptop, supported by a total input of 100W, with the hub reserving 10W for operational efficiency. (Note: Wall charger not included.)
- Quick Data Transfers: Accelerate your productivity with rapid data transfers using a high-speed 5Gbps USB 3.0 port and two 480Mbps USB 2.0 ports.
- 4K HDMI Display: Enhance your visual experience with a hub capable of delivering 4K resolution at 30Hz in both mirror and extend modes. Please note that this hub is compatible with MacBook (macOS 12 and newer), Windows 10 and 11, ChromeOS, and laptops equipped with DP Alt Mode and Power Delivery. Note: This device is not compatible with Linux.
- What You Get: Anker USB-C Hub (5-in-1, 4K HDMI), welcome guide, 18-month warranty, and our friendly customer service.
Use capture controls narrowly
Percy’s Python Selenium integration documents options including animation freezing, injected CSS, ignored-region selectors, and full-page capture. These are Percy-specific controls; confirm the package’s current requirements and behavior in its repository documentation. Ignore only small regions that genuinely cannot be made stable, and document why. Ignoring a region means the test no longer checks it, so masking a large area can conceal regressions.
Choose viewport, element, or full-page scope
A viewport screenshot shows the visible browser area. An element or region capture narrows attention to a component. A full-page capture includes content beyond the viewport, but may require special support, scrolling, or stitching. Sticky and floating elements can move during scrolling and produce artifacts in stitched images. Choose the scope deliberately and verify how the selected browser and capture tool implement it; full-page behavior is not interchangeable across tools. Applitools’ older screenshot help article illustrates the underlying caveat, while Percy documents a full_page option in its Selenium integration.
Quick wins for a faster PC:
Scan for outdated or missing drivers - takes under a minuteDriver Scan →Clear out junk files and repair common Windows errorsFree Scan →Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Baselines and change review
When a checkpoint is first captured, review it before adopting it as the reference. For each later difference, determine whether it is a deliberate product change, a defect, or capture noise. Save intentional baseline updates through the team’s normal change-review process so that the reason for the new reference is visible. Do not accept every changed image merely to make a suite pass.
Rank #3
- Sleek 7-in-1 USB-C Hub: Features an HDMI port, two USB-A 3.0 ports, and a USB-C data port, each providing 5Gbps transfer speeds. It also includes a USB-C PD input port for charging up to 100W and dual SD and TF card slots, all in a compact design.
- Flawless 4K@60Hz Video with HDMI: Delivers exceptional clarity and smoothness with its 4K@60Hz HDMI port, making it ideal for high-definition presentations and entertainment. (Note: Only the HDMI port supports video projection; the USB-C port is for data transfer only.)
- Double Up on Efficiency: The two USB-A 3.0 ports and a USB-C port support a fast 5Gbps data rate, significantly boosting your transfer speeds and improving productivity.
- Fast and Reliable 85W Charging: Offers high-capacity, speedy charging for laptops up to 85W, so you spend less time tethered to an outlet and more time being productive.
- What You Get: Anker USB-C Hub (7-in-1), welcome guide, 18-month warranty, and our friendly customer service.
Useful review questions include:
- Did the test reach the expected application state before capture?
- Is the difference consistent across repeated runs, or does it indicate unstable data or timing?
- Does the changed area affect a user-visible behavior or layout?
- If a region is excluded or styled for capture, is the exclusion narrow and documented?
When Selenium Grid or WebDriver BiDi matters
Use Grid when you need to distribute browser automation across machines or cover multiple browser environments. Treat each relevant browser and viewport as a distinct rendering check rather than assuming a single screenshot represents all of them. Selenium describes WebDriver BiDi as a newer bidirectional protocol using a WebSocket connection to stream browser events such as network requests, console messages, and JavaScript errors. Selenium says BiDi support is still being implemented while maintaining as much backwards compatibility as possible; it can help with event-aware automation and diagnostics, but it is not a prerequisite for screenshot comparison and the cited documentation does not establish a BiDi screenshot workflow. See Selenium WebDriver BiDi.
Choosing a visual comparison layer
Selenium does not prescribe a team’s baseline review policy or provide the whole visual-diff workflow. When evaluating a comparison service or integration, check its language and runner support, viewport and full-page behavior, element or region capture, animation and volatile-region controls, baseline approval flow, browser coverage, data-storage and privacy requirements, CI fit, and total cost. The documentation establishes these integration examples, not a neutral ranking or current price comparison.
Rank #4
- Dual Converters, Infinite Potential：Includes 2× USB C male to USB A female adapters and 2× USB A male to USB C female adapters. Perfect for a wide range of uses—tablets with Bluetooth keyboards, expand USB ports on macbook, and more. Two different converters for all your daily needs
- Next-Level 10Gbps & 3A Charging: No more slow 480Mbps, this usb to usb c adapter has a transfer speed of up to 10Gbps, allowing you to do more transferring in less time. This usb adapter fits both USB A and USB C charger, supporting up to 3A fast charging
- Upgraded Exquisite Craftsmanship: With an aluminum alloy housing and metal connector, the usbc to usb adapter is extremely durable and sturdy. Rigorously tested to withstand more than 10,000 times of plugging and unplugging, ensuring long-lasting performance
- Broad Compatible: The usb c to usb adapter widely supports all USB C/ USB A devices like laptops, tablets, cellphones, car chargers, and phone chargers. Such as compatible with MacBook Pro/Air 2023/2022, Thunderbolt 4/3 Devices,Apple MagSafe Watch 9/8/7/SE/Ultra, iPad Pro 2022/2021, Samsung Galaxy S23/S20/S10, and iPhone 17/16/15 Pro. Plug and play
- Please Note: To reach 10Gbps speed, keep the cable under 3.3 ft. For USB A Male to USB C adapters, try flipping the USB C connector. USB C Male to USB A adapters support bidirectional 10Gbps transfer within 3.3 ft
- Applitools Eyes: its Java Selenium quickstart documents Visual AI tests and result review and requires an account/API key. See the Applitools Selenium Java quickstart.
- Percy: its Python Selenium repository documents driver snapshots and controls such as full-page capture, animation freezing, CSS injection, and ignored regions. See the Percy Python Selenium documentation.
Or skip the browser setup
If you need a screenshot endpoint rather than a Selenium-driven regression suite, ScreenshotNeo returns a screenshot or PDF from one GET request. For a screenshot, use this cURL call; replace the example target URL and supply your API key. See the ScreenshotNeo API documentation for parameters and response details.
Free tools Windows power users keep installed
One-click scans. No signup required.
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webpScreenshotNeo accepts cookie or consent banners and removes more than 60 known consent platforms, newsletter popups, and chat widgets before capture; each step can be turned off. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits are not billed, and responses include X-Page-Verdict and X-Billed headers. It also provides an MCP server with take_screenshot, get_page_info, and capture_pdf tools for AI agents and MCP clients.
The free plan includes 1,000 screenshots per month with no card required; paid plans start at $5 for 3,000. This endpoint captures pages but does not replace Selenium’s application interactions, a visual baseline, or baseline review. Sign up for the free plan.
Quick Recap
Best Value
- 5-in-1 Connectivity: Equipped with a 4K HDMI port, a 5 Gbps USB-C data port, two 5 Gbps USB-A ports, and a USB C 100W PD-IN port. Note: The USB C 100W PD-IN port supports only charging and does not support data transfer devices such as headphones or speakers.
- Powerful Pass-Through Charging: Supports up to 85W pass-through charging so you can power up your laptop while you use the hub. Note: Pass-through charging requires a charger (not included). Note: To achieve full power for iPad, we recommend using a 45W wall charger.
- Transfer Files in Seconds: Move files to and from your laptop at speeds of up to 5 Gbps via the USB-C and USB-A data ports. Note: The USB C 5Gbps Data port does not support video output.
- HD Display: Connect to the HDMI port to stream or mirror content to an external monitor in resolutions of up to 4K@30Hz. Note: The USB-C ports do not support video output.
- What You Get: Anker 332 USB-C Hub (5-in-1), welcome guide, our worry-free 18-month warranty, and friendly customer service.
Troubleshooting visual test failures
| Symptom | Likely cause | What to check |
|---|---|---|
| Screenshot is blank or incomplete | The test captured before the relevant UI was ready, or the page failed to load. | Wait for a state-specific element; inspect browser and application errors; confirm the intended state is visible before capturing. |
| Differences appear on every run | Volatile content, animation, timing, or uncontrolled test data changes the image. | Stabilize the state and data first. If needed, apply a documented, narrow capture control such as animation freezing or an ignored region. |
| Full-page capture has displaced or duplicated elements | Scrolling and stitching interacted with sticky or floating UI, or the tool’s full-page behavior differs from expectations. | Try a viewport or targeted capture, or validate the selected tool’s full-page method in the target browser. |
| Snapshot is missing or cannot be matched to a baseline | Checkpoint naming may be absent, inconsistent, or duplicated. | Use stable, unique names for each page state and follow the comparison tool’s documented naming rules. |
| Browser does not start | Browser installation, driver setup, or environment configuration is incompatible. | Confirm the browser is installed and supported by the Selenium setup; inspect startup errors and driver-management configuration. |
| A baseline update makes the test pass but the page still looks wrong | An unexpected change was accepted without review. | Revisit the diff, restore the prior approved reference if appropriate, and investigate the underlying UI or capture-state change. |
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.
