CSS testing script for refactorings

gistfile1.js

(function(jQuery) {
  var $ = jQuery;
  
  function test(name, selectors, css) {
    console.log("CSS test: " + name);
    selectors.forEach(function(selector) {
      var passed = 0;
      var elements = $(selector);
      if (!elements.length)
        return console.error("  FAIL - nothing matches " + selector);
      elements.each(function() {
        var $el = $(this);
        for (var property in css) {
          var value = $el.css(property);
          if (!value.match(css[property]))
            return console.error("  FAIL - " + selector + " " + property + 
                                 " is " + value + ", not " + css[property]);
        }
        passed++;
      });
      if (elements.length == passed)
        console.log("  OK    - " + selector + " (" + passed + ")");
    });
  }
  
  test("font is Ubuntu Mono", [
    ".CodeMirror", ".CodeMirror-lines", ".CodeMirror textarea",
    ".CodeMirror-gutter-text", ".cm-s-jsbin span.cm-comment"
  ], {
    'font-family': /Ubuntu Mono/
  });
})(jQuery);

I used this script to test my refactorings in toolness/friendlycode@1da86b8.

Example output:

CSS test: font is Ubuntu Mono
 OK - .CodeMirror (1)
 OK - .CodeMirror-lines (1)
 OK - .CodeMirror textarea (1)
 OK - .CodeMirror-gutter-text (1)
 FAIL - nothing matches .cm-s-jsbin span.cm-comment
 FAIL - html font-family is Times, not /Ubuntu Mono/