Comparador

Instant visual regression testing without the infrastructure Comparador is a tool for on-demand visual regression testing — compare web pages across environments, track changes over time, debug deployment issues. Key features: 📸 Visual Diff: Full-page screenshots with pixel-level comparison, mismatch %, multiple view modes 📄 HTML Diff: Side-by-side source comparison with syntax highlighting 📋 Headers Diff: Compare response headers (cache, CDN, security) 🪵 Logs Diff: Compare console logs — spot new errors, warnings, count changes 📊 Metrics Diff: Track 20 performance indicators (TTFB, DOM load, JS heap) with threshold-based verdicts ✅ Baselines: Accept/reject workflow with automatic + manual baseline control 🔄 Auto Compare: Automatic comparison against baselines after capture with auto-accept 🚀 Batch Capture: Capture projects or groups of URLs, compare across environments ⚡ Popup: Quick environment switching + fast access to frequently tested pages · Context-gated review — accept/reject buttons only appear when the current entity is newer than the baseline, preventing accidental review of historical data · State reason tracking — auto-accepted items now show why they were accepted (first capture, identical content, or promoted), visible in badge tooltips · Smarter capture thumbnails — preview attempts follow URL display order with baseline-aware fallback · WCAG AA themed colors — light and dark themes use separate color palettes, each verified for ≥4.5:1 contrast ratio · Faster state-based filtering in review queries · Bug fixes, performance improvements, and UI polish · Faster diff view — new fast engine is now the default for HTML and headers diffs, dramatically improving rendering speed; rich engine available as an experimental alternative for character-level highlighting · Syntax highlighting for headers diff — HTTP response headers now have color-coded header names and values in the diff view · Searchable compare selectors — capture and attempt dropdowns now include a search input with contextual hints for quick filtering · Upgraded core UI framework and dependencies · Bug fixes, performance improvements, and UI polish · Compare baseline with previous — when the latest capture is already the baseline, compare automatically diffs it against the prior version · Eager loading — page script strips loading="lazy" before scrolling to prevent cancelled fetches in background tabs (prepare.eager, on by default) · Unified comparison logic across all compare buttons · Bug fixes and stability improvements · Logs diff — five diff tabs now: screenshots, HTML, headers, console logs, and performance metrics. Logs are grouped by message and severity — see new errors appear, old ones vanish, or counts shift · Metrics diff — track 20 performance indicators (TTFB, DOM load, JS heap, resources, layout) with threshold-based verdicts, worsened-only mode, smart defaults for volatile metrics, and configurable per-metric thresholds · Per-type verdict control — include or exclude any diff tab from the overall verdict independently — disable noisy channels without losing visibility · Diff tab severity indicators — tab icons are color-coded by diff severity so you instantly see which data types have changes · Smarter compare filters — improved identical/differences/all filter logic with automatic filter and tab switching based on resolved verdicts · Compare script for all types — the compare script now normalizes all four text-based data types: HTML, headers, logs, and metrics — with consistent ignore patterns supporting exact strings and regex objects · Restructured compare variables — compare section uses clean subkeys (html, headers, logs, metrics) for all diff types · JSON5 validation — variables editor validates syntax in real time with inline error markers · Comparison data stored separately from metadata for faster list views 1.2.1 ・Automatic comparison — every capture is instantly diffed against its baseline across screenshots, HTML, and headers with configurable thresholds ・Auto-accept — identical captures are auto-accepted and cascade up, so you only review what actually changed ・Screenshot masks — mask dynamic page regions (ads, carousels, timestamps) by CSS selector —masked areas get a checkerboard overlay in screenshots and their markup is stripped from diffs ・Compare script — normalize away noise before diffing: strip analytics, CDN tokens, dynamic selectors, headers — with regex patterns and script filters ・Compare script tester — test normalization scripts inline from project settings with live diff preview ・Comparison badges — see diff status at a glance on every capture and attempt ・Compare filters — filter URL pairs by differences or identical in capture comparison view, with auto-switch to differences when verdicts resolve ・Review page — filter by status, bulk accept/reject across captures ・Post-capture actions — View, Compare (pre-filtered to differences), and Review buttons after capture completes ・Smart script context — page and compare scripts receive auto-upgrading defaults and per-project variables ・Configurable page readiness — choose when to capture: on load, network almost idle, or full network idle ・Per-project parallel capture — configurable parallel capture concurrency per project ・Capture hardening — tab-based capture eliminates the window flash on Windows ・Auto-switch to first diff tab with changes when navigating between URL pairs ・Clear with baseline preservation, database wipe & storage stats ・Switched from Monaco Editor to CodeMirror for a lighter bundle and snappier diffs ・Updated help with a new Automation chapter covering all five scripts and variables ・Compressed backups — smaller export files, faster backup & restore ・Hardened backup & restore — large file support, interactive modals with progress tracking, tab-close prevention ・Faster navigation in comparison views due to optimized data loading and rendering ・Bug fixes and stability improvements • Baseline & review workflow — accept/reject captures and individual URLs, automatic + manual baseline pinning • Review page — dedicated view for reviewing pending captures with progress tracking • Built-in help — documentation with diagrams, covering all features • Dashboard with pending review shortcuts • Deletion protection for capture-bound attempts • Dependency updates and bug fixes • Database backup & restore • Quick capture buttons on project/group lists • Compare buttons to diff last 2 attempts/captures • Enhanced attempt view with dropdown actions • Improved stability when switching/deleting projects • UI polish and bug fixes

Related extensions