Our Core Technology
Introducing Smart Match
Traditional visual testing is just pixel diffing. This creates noise. Smart Match is a multi-stage analysis engine that thinks like a human reviewer, combining context, appearance, and intelligence.
A 3-in-1 Analysis Engine
Every change is passed through three distinct checks.
1. Structural Diff (DOM)
First, we analyze the DOM structure itself. Did an element get removed? Did a CSS class change? Did text content update? This check understands the *intent* behind the HTML and CSS, not just the pixels.
2. Perceptual Diff (Visual)
Next, we run a visual diff, but not a simple 1:1 pixel match. Our perceptual diff algorithm understands light anti-aliasing differences and tiny rendering quirks, ignoring them just as a human eye would. This flags *meaningful* visual changes, not pixel noise.
3. The AI Judge (RCA)
Finally, the "AI Judge" looks at the results from both diffs. It correlates the visual change with the structural (DOM) change to provide a plain-English root cause analysis. It's the difference between "Pixels changed" and "This is a real bug."
How It Catches a Real Bug
See Smart Match in action.
Scenario: A developer accidentally changes a CSS variable, making all "primary" buttons blue instead of green.
-
Structural Diff:
Detects
class="btn-primary"has changed. - Perceptual Diff: Detects a significant color change in the button's region.
-
AI Judge Verdict:
"This is a High-Priority Bug. The element with class
.btn-primarychanged its background color from#10B981to#3B82F6."
Stop Chasing Pixels.
Start Shipping with Confidence.
Join the waitlist for early access.