CSS Critic

Regression testing is a software testing technique that can be used to discover new bugs whenever a change has been made to the document.

CSS Critic tests how changes made to CSS files affect the rendering of a page.

A small demo test is included with the download package, helping developers get started with their own regression tests.

What is new in this release:

• The "DOM view" is now available for all comparison outcomes (passed, reference missing, failed). It can be accessed through the "eye" toggle button next to the page image.
• The header now shrinks even more on scrolling, showing the full state on hover.

What is new in version 1.2.0:

• The "DOM view" is now available for all comparison outcomes (passed, reference missing, failed). It can be accessed through the "eye" toggle button next to the page image.
• The header now shrinks even more on scrolling, showing the full state on hover.

What is new in version 0.6.0:

• New optional parameters width & height to specify the size of the viewport. Helpful when testing responsive designs/media queries.
• A small tooltip is shown to hint at the possibility to resize the rendered page.

What is new in version 0.3.0:

• CSS Critic now supports testing for :hover and :active styles.
• Difference images are now top aligned and do a better job at showing changes with pages growing in content.
• CSS Critic is now available over npm which is the preferred way for installation. To include the package just load the module through ./node_modules/csscritic/csscritic.js.

Requirements:

• JavaScript enabled on client side

Limitations:

• Works in Firefox only.