hocus-focus

CSS regression testing tool

3 years after

hocus-focus

CSS regression testing tool for Bootstrap

How it works

  • grunt-sauce-screenshots to take screenshots in various browsers
  • GraphicsMagick compare to compare the screenshots and output visual diffs; see dpxdt for usage
  • Flask web app to review diffs and approve intentional changes
  • Flask-OAuthlib for GitHub-based login
  • Some Python GitHub API library to post issues to the issue tracker when there are differences

schema sketch

  • result: id, run_id, platform_id, testcase_name, filename
  • run: id, timestamp
  • platform: os, browser (both include optional version portion)
  • reference: id, result_id, timestamp, user