0.5.0

Features/Fixes

• New UI preview: CSS Critic is getting a new look. While not feature complete, the NiceReporter can already substitute the BasicHTMLReporter for many use cases (example: csscritic.addReporter(csscritic.NiceReporter());). Missing features are tracked in #51. The motivation behind the UI rework is to move CSS Critic towards becoming a tool for supporting development of a style guide. At the same time the UI has been somewhat neglected, and the new reporter is designed to make testing as much fun as possible.
• Reference images are now stored in the browser's IndexedDB (https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API). This solves the quota limit of LocalStorage (#50). References are automatically migrated from LocalStorage to IndexedDB on the first run. Due to https://bugzilla.mozilla.org/show_bug.cgi?id=790468 reference images containing transparent colors will in the migration process trigger a failing test with no visible changes. These tests will need to be manually re-accepted.
• While including the script loader via ./csscritic.js is still the preferred way, the all in one bundle (./dist/csscritic.allinone.js) has been improved to automatically include the necessary CSS. The previously seperate csscritic.min.css has been removed from the package.

0.4.0

Features

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

Bug fixes

• Fixes garbled text in non-ASCII encoded pages (#35).
• Works around an issue with Firefox showing an incorrectly rendered page image for certain media queries on retina displays (#45).
• URLs including a query ("?") are now correctly loaded (#40).

Other changes

• The Git repo now does not ship the built artifacts anymore. The prefered way of installing is documented in the README.

0.3.0

• CSS Critic now supports testing for :hover and :active styles. A particular selector can be selected like this:

  csscritic.add({
      url: 'myTestCase.html',
      active: 'a.selector',
      hover: 'a.selector'
  });

• 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.

Bug fixes

• Transparency was incorrectly handled when showing differences (HumbleSoftware/js-imagediff#11).
• When loading test cases over a slow HTTP connection the renderer potentially returned an incomplete page.

API Changes

• The old compare() API has silently changed in 0.2.0 and has now been removed. Instead, please use add() followed finally by execute().
• The reporter API has changed with pageUrl being replaced by the testCase object and report() being renamed to reportTestSuite().
• In addition callbacks have made way for promises in execute() and for reporters. If a reporter needs to run async operations it should return a promise and resolve once done.
• See the new API documentation under https://github.com/cburgmer/csscritic/wiki/API.

Known issues

• Diff doesn't show added black colored content (HumbleSoftware/js-imagediff#34).

In the background

• A lot technical dept has been cleaned up with code being pulled out into modules and overall reorganisation of the project.
• A test case is now represented by a HTML page and optionally further parameters, e.g. hover.
• Switched to promises for async operations.
• The allinone bundle is built using Browserify and does not leak dependencies into the global namespace.
• The BasicHTMLReporter has been refactored to include a simple templating system for ease of maintenance.
• Tests have been migrated to Jasmine 2.0.

0.2.1

Bug fix release

• Fixes incorrect fingerprinting for the experimental command line runner (fixed in 86cf468 and 2cbb14e). Due to this bug, fingerprints would not change if resources changed. Therefore changes to code were always accepted and breaking changes could not be discovered, if no reference image was available.
• No changes in the browser based runner.

0.2.0

• On rendering the viewport now is resized to match the HTML document's dimensions. This makes accepting new tests easier and will capture changes with growing pages.
• Added a browser compatibility warning.
• Fixes a bunch of rendering issues (by upgrading dependency rasterizeHTML.js). Major things:
  • AJAX executed in the page now is based off of the correct base URL
  • Input element values manipulated through JS are correctly shown.
  • Background-image and font-face definitions are now interpreted correctly.

First release

The first release of CSS Critic.