CSS regression testing with BackstopJS

Breaking CSS is easy. Checking every responsive page element is hard.

BackstopJS automates CSS regression testing of your responsive web UI by comparing DOM screenshots at various viewport sizes.

Heres how it works:

  1. Set up a test config file: specify screen sizes and DOM selectors.
  2. Use BackstopJS to create reference screenshots.
  3. Make some changes to your CSS or add new DOM components.
  4. Run a test. BackstopJS creates a set of test screenshots and any changes show up in a nice report.