Blog

Visual testing, in depth

Practical guides on visual regression testing, screenshot diffing, and catching UI changes before your users do, including visual testing from your AI coding assistant.

The Pixel House explainer cover: What is an MCP server, showing an AI assistant host connected through a client to a server exposing tools, resources, and prompts
10 min read

What Is an MCP Server? A Plain-Language Guide for Developers

An MCP server is a program that gives an AI assistant new tools. With 10,000+ public servers now live, here is how the Model Context Protocol works.

MCPModel Context ProtocolAI Coding AssistantsDeveloper Tools
Data study cover: SSIM vs pixel diff, benchmarked on 40 real sites, with a grouped bar chart motif
9 min read

SSIM vs Pixel Diff: A 40-Site Benchmark of Our Engine

SSIM is said to eliminate the false positives that plague pixel diffing. We benchmarked both on 40 real sites with our own engine. The result surprised us.

Visual Regression TestingSSIMFalse PositivesData Research
The Pixel House case study cover: a prompt flowing into a verified user interface through a visual diff check
8 min read

From Prompt to Verified UI: An MCP Workflow Case Study

How we use our own MCP server to catch visual regressions in AI-generated code, walked through one real change to our pricing page that a prompt quietly broke.

MCP Visual TestingVisual Regression TestingAI Coding AssistantsCase Study
The Pixel House guide cover: how visual diffing works, showing pixel, structural and perceptual comparison methods stacked
15 min read

How Visual Diffing Works: Pixel, SSIM, Perceptual Comparison

The complete guide to image diffing for visual regression testing: pixel diffs in YIQ, SSIM structural comparison (cited 50,000+ times), perceptual hashing.

Visual Regression TestingImage DiffingSSIMPerceptual Comparison
The Pixel House guide cover: eliminating false positives in visual testing, showing a flagged screenshot diff resolving to a clean pass
8 min read

How to Eliminate False Positives in Visual Testing

Visual tests fail for reasons that are not bugs: animations, font swaps, dynamic content, cross-OS rendering. Seven techniques to cut false positives.

Visual Regression TestingFalse PositivesFlaky TestsPlaywright
The Pixel House guide cover: SSIM versus pixel diff, showing a noisy per-pixel comparison beside a clean structural comparison
9 min read

SSIM vs Pixel Diff: Which Catches Real Regressions?

Pixel diffing flags anti-aliasing and font noise as failures. SSIM, from a paper cited 50,000+ times, compares structure instead. When to use each.

Visual Regression TestingSSIMImage DiffingFalse Positives
The Pixel House guide cover: Percy alternatives, showing one snapshot multiplying into six billed screenshots across browsers and widths
8 min read

Percy Alternatives for Teams Tired of Per-Screenshot Pricing

Percy bills per screenshot: one snapshot across 2 browsers and 3 widths counts as 6. A fair look at the alternatives, from flat-rate to free open-source.

Visual Regression TestingPercyPricingTool Comparison
The Pixel House guide cover: Visual Testing for AI Coding Assistants, the MCP guide, with a baseline and changed screenshot diff motif
13 min read

Visual Testing for AI Coding Assistants: The MCP Guide

84% of developers now use AI coding tools. Add visual regression testing to Claude Code, Cursor, and Windsurf via MCP so AI-generated UI changes get checked.

MCPVisual Regression TestingAI Coding AssistantsClaude Code
The Pixel House guide cover: Visual Regression Testing in Claude Code, a complete guide, with a baseline and changed screenshot diff motif
6 min read

Visual Regression Testing in Claude Code: A Complete Guide

Catch unintended UI changes without leaving your editor. A step-by-step guide to visual regression testing in Claude Code using an MCP server with eight visual tools.

Visual Regression TestingMCPClaude CodeCI/CD