Smart Match Algorithm

Four smart checks.
One clear answer.

Each check removes the noise. Only real problems get through.

Try It Now Read the Docs
The Algorithm

How we achieve
<5% false positives.

Instead of comparing every dot on the screen, we compare what actually matters.

Layer 01
DOM Structure
Validates page structure integrity to ensure nothing is broken or missing.
Fast structure validation saves time
Layer 02
Layout Position
Ensures elements stay in their intended positions for proper layout.
Configurable tolerance settings per project
Layer 03
Perceptual Diff
Detects meaningful visual changes while ignoring harmless variations.
Focuses on user-visible changes only
Layer 04
AI Counselor
Provides intelligent analysis explaining whether changes matter or not.
Clear AI explanations for every change
Decision Flow

Fast path for no change,
smart analysis for real diffs.

Most tests don't need full analysis. We skip the extra work whenever we can.

smart-match-flow.js
function analyzeVisual(baseline, candidate) {
  // Smart analysis across multiple layers
  if (noMeaningfulChanges(baseline, candidate)) {
    return { status: 'PASS', reason: 'No significant changes detected' };
  }
 
  // Deep analysis for complex changes
  const analysis = performLayerAnalysis(baseline, candidate);
  if (analysis.isAcceptable) {
    return { status: 'PASS', reason: 'Changes are acceptable' };
  }
 
  // AI provides final judgment
  return await getAIVerdict(baseline, candidate);
}
Real Example

What we catch
vs what we ignore.

See how our layers filter out noise while catching real visual bugs.

Structure Analysis — Quick Pass
Baseline
Last updated: 2024-01-15 10:23:45
User Profile
john@example.com
Candidate
Last updated: 2024-01-15 14:47:22
User Profile
john@example.com
Result
✓ PASS — Layer 1
DOM structure identical (same elements, same attributes). Only text content changed.
Analysis time: 0.3s
Layer 4 Fail — AI Analysis
Baseline
Submit Button
Candidate
Submit Button
AI Verdict
● FAIL — Layer 4 "Button background color changed from cyan to dark navy, reducing contrast and visibility. This appears to be a CSS regression affecting accessibility." Confidence: 0.94 · 2.1s analysis
Layer 3 Pass — Perceptual Filter
Baseline
Ad Banner - Product A
Candidate
Ad Banner - Product B
Result
✓ PASS — Layer 3
SSIM score: 0.983. Only ad content changed (dynamic content). Page structure and layout unchanged.
Analysis time: 1.2s
Ready to try?

Stop drowning in
false positives.

See the difference a smarter approach makes. Free during beta.

Start Free Trial → Back to Home