CSS regression tool?

Question

I'm looking for a visual regression testing tool for CSS refactoring and see whether or not there are any unintended cascading behavior in a website.

Ideally, the tool that can crawl a website (even locally) and grab snapshots of each page and store it in a single repository.

When run for the second time, it will show the pages that are visually different since the last time it was run.

Even better:

1. if it can show the overlapper XOR view of the 2 version of the page.
2. compare rendering results of different browsers (almost like an automated Microsoft Expression Web compare feature).

Thanks

Answer 1

Check out Browser Shots. This is a free service.

There are some restrictions on how many tests you can run each day as a free user. But unlike Litmus; you can run tests on all supported browsers--Litmus only allows free users to test their websites on Internet Explorer 7 and Mozilla Firefox 2.

Answer 2

Check out Litmus.

It'll crawl your site and take screen captures has damn near every browser you'd want.

In addition to the core functionality Litmus also allows you to to track bugs, log in to private sites, and allows you to publish compatibility reports from your tests.