Testing Cross-Browser Compatibility

This skill validates application consistency across browsers and viewports, using intelligent testing strategies that account for known browser-specific quirks rather than naive screenshot comparison.

When to Use

• After CSS changes to verify cross-browser consistency
• Before release to validate the browser support matrix
• When users report "it works in Chrome but not Safari"
• To audit responsive design breakpoints
• When migrating CSS frameworks or removing polyfills

Workflow

Step 1 — Define the Test Matrix

Generate a matrix from the default or custom configuration: