teabag 0.5.1 → 0.5.2

data/app/assets/javascripts/teabag-jasmine.js

@@ -2665,7 +2665,7 @@ jasmine.version_= {
       }
       this.constructor.run = true;
       this.fixturePath = "" + Teabag.root + "/fixtures";
-      this.params = this.getParams();
+      this.params = Teabag.params = this.getParams();
       this.setup();
     }
 
@@ -2984,7 +2984,8 @@ jasmine.version_= {
         specs: {},
         suites: {}
       };
-      this.filter = false;
+      this.filters = [];
+      this.setFilters();
       this.readConfig();
       HTML.__super__.constructor.apply(this, arguments);
     }
@@ -2992,22 +2993,24 @@ jasmine.version_= {
     HTML.prototype.build = function() {
       var _ref;
       this.buildLayout();
-      this.el = this.findEl("report-all");
       this.setText("env-info", this.envInfo());
       this.setText("version", Teabag.version);
       this.findEl("toggles").onclick = this.toggleConfig;
+      this.findEl("suites").innerHTML = this.buildSuiteSelect();
       if ((_ref = this.findEl("suite-select")) != null) {
         _ref.onchange = this.changeSuite;
       }
+      this.el = this.findEl("report-all");
       this.showConfiguration();
-      return this.buildProgress();
+      this.buildProgress();
+      return this.buildFilters();
     };
 
     HTML.prototype.buildLayout = function() {
       var el;
       el = this.createEl("div");
       document.body.appendChild(el);
-      return el.innerHTML = "<div id=\"teabag-html-reporter\">\n  <div class=\"teabag-clearfix\">\n    <div id=\"teabag-title\">\n      <h1>Teabag</h1>\n      <ul>\n        <li>version: <b id=\"teabag-version\"></b></li>\n        <li id=\"teabag-env-info\"></li>\n      </ul>\n    </div>\n    <div id=\"teabag-progress\"></div>\n    <ul id=\"teabag-stats\">\n      <li>passes: <b id=\"teabag-stats-passes\">0</b></li>\n      <li>failures: <b id=\"teabag-stats-failures\">0</b></li>\n      <li>skipped: <b id=\"teabag-stats-skipped\">0</b></li>\n      <li>duration: <b id=\"teabag-stats-duration\">&infin;</b></li>\n    </ul>\n  </div>\n\n  <div id=\"teabag-controls\" class=\"teabag-clearfix\">\n    <div id=\"teabag-toggles\">\n      <button id=\"teabag-use-catch\" title=\"Toggle using try/catch wrappers when possible\">Try/Catch</button>\n      <button id=\"teabag-build-full-report\" title=\"Toggle building the full report\">Full Report</button>\n      <button id=\"teabag-display-progress\" title=\"Toggle displaying progress as tests run\">Progress</button>\n    </div>\n    <div id=\"teabag-filter\">\n      " + (this.buildSuiteSelect()) + "\n      <button onclick=\"window.location.href = window.location.pathname\">Run All</button>\n      <span id=\"teabag-filter-info\">\n    </div>\n  </div>\n\n  <hr/>\n\n  <div id=\"teabag-report\">\n    <ol id=\"teabag-report-failures\"></ol>\n    <ol id=\"teabag-report-all\"></ol>\n  </div>\n</div>";
+      return el.innerHTML = Teabag.Reporters.HTML.template;
     };
 
     HTML.prototype.buildSuiteSelect = function() {
@@ -3029,6 +3032,13 @@ jasmine.version_= {
       return this.progress.appendTo(this.findEl("progress"));
     };
 
+    HTML.prototype.buildFilters = function() {
+      if (this.filters.length) {
+        this.setClass("filter", "teabag-filtered");
+      }
+      return this.setHtml("filter-list", "<li>" + (this.filters.join("</li><li>")) + "</li>", true);
+    };
+
     HTML.prototype.reportRunnerStarting = function(runner) {
       this.total.exist = runner.total || runner.specs().length;
       if (this.total.exist) {
@@ -3122,12 +3132,15 @@ jasmine.version_= {
       return document.body.className = "teabag-" + status;
     };
 
-    HTML.prototype.setFilter = function(filter) {
-      if (!filter) {
-        return;
+    HTML.prototype.setFilters = function() {
+      var link;
+      link = [Teabag.root, Teabag.suites.active].join('/');
+      if (Teabag.params["file"]) {
+        this.filters.push("<a href='" + link + "'>remove</a> by file: " + Teabag.params["file"]);
+      }
+      if (Teabag.params["grep"]) {
+        return this.filters.push("<a href='" + link + "'>remove</a> by match: " + Teabag.params["grep"]);
       }
-      this.setClass("filter", "teabag-filtered");
-      return this.setHtml("filter-info", "" + filter, true);
     };
 
     HTML.prototype.readConfig = function() {
@@ -3150,7 +3163,7 @@ jasmine.version_= {
     };
 
     HTML.prototype.changeSuite = function() {
-      return window.location.href = "/teabag/" + this.options[this.options.selectedIndex].value;
+      return window.location.href = [Teabag.root, this.options[this.options.selectedIndex].value].join('/');
     };
 
     HTML.prototype.refresh = function() {
@@ -3169,7 +3182,7 @@ jasmine.version_= {
       } else {
         date = new Teabag.Date();
         date.setDate(date.getDate() + 365);
-        return document.cookie = "" + name + "=" + (escape(JSON.stringify(value))) + "; path=\"/\"; expires=" + (date.toUTCString()) + ";";
+        return document.cookie = "" + name + "=" + (escape(JSON.stringify(value))) + "; expires=" + (date.toUTCString()) + "; path=/;";
       }
     };
 
@@ -3459,6 +3472,11 @@ jasmine.version_= {
 
   })(Teabag.Reporters.BaseView);
 
+}).call(this);
+(function() {
+
+  Teabag.Reporters.HTML.template = "<div id=\"teabag-interface\">\n  <div class=\"teabag-clearfix\">\n    <div id=\"teabag-title\">\n      <h1>Teabag</h1>\n      <ul>\n        <li>version: <b id=\"teabag-version\"></b></li>\n        <li id=\"teabag-env-info\"></li>\n      </ul>\n    </div>\n    <div id=\"teabag-progress\"></div>\n    <ul id=\"teabag-stats\">\n      <li>passes: <b id=\"teabag-stats-passes\">0</b></li>\n      <li>failures: <b id=\"teabag-stats-failures\">0</b></li>\n      <li>skipped: <b id=\"teabag-stats-skipped\">0</b></li>\n      <li>duration: <b id=\"teabag-stats-duration\">&infin;</b></li>\n    </ul>\n  </div>\n\n  <div id=\"teabag-controls\" class=\"teabag-clearfix\">\n    <div id=\"teabag-toggles\">\n      <button id=\"teabag-use-catch\" title=\"Toggle using try/catch wrappers when possible\">Try/Catch</button>\n      <button id=\"teabag-build-full-report\" title=\"Toggle building the full report\">Full Report</button>\n      <button id=\"teabag-display-progress\" title=\"Toggle displaying progress as tests run\">Progress</button>\n    </div>\n    <div id=\"teabag-suites\"></div>\n  </div>\n\n  <hr/>\n\n  <div id=\"teabag-filter\">\n    <h1>Filtering</h1>\n    <ul id=\"teabag-filter-list\"></ul>\n  </div>\n\n  <div id=\"teabag-report\">\n    <ol id=\"teabag-report-failures\"></ol>\n    <ol id=\"teabag-report-all\"></ol>\n  </div>\n</div>";
+
 }).call(this);
 (function() {
   var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
@@ -3628,9 +3646,6 @@ jasmine.version_= {
         };
       }
       reporter = new (this.getReporter())();
-      if (typeof reporter.setFilter === "function") {
-        reporter.setFilter(this.params["grep"]);
-      }
       env.addReporter(reporter);
       return this.addFixtureSupport();
     };

data/app/assets/javascripts/teabag-mocha.js

@@ -5076,7 +5076,7 @@
       }
       this.constructor.run = true;
       this.fixturePath = "" + Teabag.root + "/fixtures";
-      this.params = this.getParams();
+      this.params = Teabag.params = this.getParams();
       this.setup();
     }
 
@@ -5395,7 +5395,8 @@
         specs: {},
         suites: {}
       };
-      this.filter = false;
+      this.filters = [];
+      this.setFilters();
       this.readConfig();
       HTML.__super__.constructor.apply(this, arguments);
     }
@@ -5403,22 +5404,24 @@
     HTML.prototype.build = function() {
       var _ref;
       this.buildLayout();
-      this.el = this.findEl("report-all");
       this.setText("env-info", this.envInfo());
       this.setText("version", Teabag.version);
       this.findEl("toggles").onclick = this.toggleConfig;
+      this.findEl("suites").innerHTML = this.buildSuiteSelect();
       if ((_ref = this.findEl("suite-select")) != null) {
         _ref.onchange = this.changeSuite;
       }
+      this.el = this.findEl("report-all");
       this.showConfiguration();
-      return this.buildProgress();
+      this.buildProgress();
+      return this.buildFilters();
     };
 
     HTML.prototype.buildLayout = function() {
       var el;
       el = this.createEl("div");
       document.body.appendChild(el);
-      return el.innerHTML = "<div id=\"teabag-html-reporter\">\n  <div class=\"teabag-clearfix\">\n    <div id=\"teabag-title\">\n      <h1>Teabag</h1>\n      <ul>\n        <li>version: <b id=\"teabag-version\"></b></li>\n        <li id=\"teabag-env-info\"></li>\n      </ul>\n    </div>\n    <div id=\"teabag-progress\"></div>\n    <ul id=\"teabag-stats\">\n      <li>passes: <b id=\"teabag-stats-passes\">0</b></li>\n      <li>failures: <b id=\"teabag-stats-failures\">0</b></li>\n      <li>skipped: <b id=\"teabag-stats-skipped\">0</b></li>\n      <li>duration: <b id=\"teabag-stats-duration\">&infin;</b></li>\n    </ul>\n  </div>\n\n  <div id=\"teabag-controls\" class=\"teabag-clearfix\">\n    <div id=\"teabag-toggles\">\n      <button id=\"teabag-use-catch\" title=\"Toggle using try/catch wrappers when possible\">Try/Catch</button>\n      <button id=\"teabag-build-full-report\" title=\"Toggle building the full report\">Full Report</button>\n      <button id=\"teabag-display-progress\" title=\"Toggle displaying progress as tests run\">Progress</button>\n    </div>\n    <div id=\"teabag-filter\">\n      " + (this.buildSuiteSelect()) + "\n      <button onclick=\"window.location.href = window.location.pathname\">Run All</button>\n      <span id=\"teabag-filter-info\">\n    </div>\n  </div>\n\n  <hr/>\n\n  <div id=\"teabag-report\">\n    <ol id=\"teabag-report-failures\"></ol>\n    <ol id=\"teabag-report-all\"></ol>\n  </div>\n</div>";
+      return el.innerHTML = Teabag.Reporters.HTML.template;
     };
 
     HTML.prototype.buildSuiteSelect = function() {
@@ -5440,6 +5443,13 @@
       return this.progress.appendTo(this.findEl("progress"));
     };
 
+    HTML.prototype.buildFilters = function() {
+      if (this.filters.length) {
+        this.setClass("filter", "teabag-filtered");
+      }
+      return this.setHtml("filter-list", "<li>" + (this.filters.join("</li><li>")) + "</li>", true);
+    };
+
     HTML.prototype.reportRunnerStarting = function(runner) {
       this.total.exist = runner.total || runner.specs().length;
       if (this.total.exist) {
@@ -5533,12 +5543,15 @@
       return document.body.className = "teabag-" + status;
     };
 
-    HTML.prototype.setFilter = function(filter) {
-      if (!filter) {
-        return;
+    HTML.prototype.setFilters = function() {
+      var link;
+      link = [Teabag.root, Teabag.suites.active].join('/');
+      if (Teabag.params["file"]) {
+        this.filters.push("<a href='" + link + "'>remove</a> by file: " + Teabag.params["file"]);
+      }
+      if (Teabag.params["grep"]) {
+        return this.filters.push("<a href='" + link + "'>remove</a> by match: " + Teabag.params["grep"]);
       }
-      this.setClass("filter", "teabag-filtered");
-      return this.setHtml("filter-info", "" + filter, true);
     };
 
     HTML.prototype.readConfig = function() {
@@ -5561,7 +5574,7 @@
     };
 
     HTML.prototype.changeSuite = function() {
-      return window.location.href = "/teabag/" + this.options[this.options.selectedIndex].value;
+      return window.location.href = [Teabag.root, this.options[this.options.selectedIndex].value].join('/');
     };
 
     HTML.prototype.refresh = function() {
@@ -5580,7 +5593,7 @@
       } else {
         date = new Teabag.Date();
         date.setDate(date.getDate() + 365);
-        return document.cookie = "" + name + "=" + (escape(JSON.stringify(value))) + "; path=\"/\"; expires=" + (date.toUTCString()) + ";";
+        return document.cookie = "" + name + "=" + (escape(JSON.stringify(value))) + "; expires=" + (date.toUTCString()) + "; path=/;";
       }
     };
 
@@ -5870,6 +5883,11 @@
 
   })(Teabag.Reporters.BaseView);
 
+}).call(this);
+(function() {
+
+  Teabag.Reporters.HTML.template = "<div id=\"teabag-interface\">\n  <div class=\"teabag-clearfix\">\n    <div id=\"teabag-title\">\n      <h1>Teabag</h1>\n      <ul>\n        <li>version: <b id=\"teabag-version\"></b></li>\n        <li id=\"teabag-env-info\"></li>\n      </ul>\n    </div>\n    <div id=\"teabag-progress\"></div>\n    <ul id=\"teabag-stats\">\n      <li>passes: <b id=\"teabag-stats-passes\">0</b></li>\n      <li>failures: <b id=\"teabag-stats-failures\">0</b></li>\n      <li>skipped: <b id=\"teabag-stats-skipped\">0</b></li>\n      <li>duration: <b id=\"teabag-stats-duration\">&infin;</b></li>\n    </ul>\n  </div>\n\n  <div id=\"teabag-controls\" class=\"teabag-clearfix\">\n    <div id=\"teabag-toggles\">\n      <button id=\"teabag-use-catch\" title=\"Toggle using try/catch wrappers when possible\">Try/Catch</button>\n      <button id=\"teabag-build-full-report\" title=\"Toggle building the full report\">Full Report</button>\n      <button id=\"teabag-display-progress\" title=\"Toggle displaying progress as tests run\">Progress</button>\n    </div>\n    <div id=\"teabag-suites\"></div>\n  </div>\n\n  <hr/>\n\n  <div id=\"teabag-filter\">\n    <h1>Filtering</h1>\n    <ul id=\"teabag-filter-list\"></ul>\n  </div>\n\n  <div id=\"teabag-report\">\n    <ol id=\"teabag-report-failures\"></ol>\n    <ol id=\"teabag-report-all\"></ol>\n  </div>\n</div>";
+
 }).call(this);
 (function() {
   var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
@@ -6030,7 +6048,6 @@
     function HTML(runner) {
       this.reportSpecResults = __bind(this.reportSpecResults, this);
       HTML.__super__.constructor.apply(this, arguments);
-      this.setFilter(Teabag.Reporters.HTML.filter);
       this.reportRunnerStarting(runner);
       runner.on("fail", this.reportSpecResults);
       runner.on("test end", this.reportSpecResults);
@@ -6092,7 +6109,6 @@
     Runner.prototype.setup = function() {
       var reporter;
       reporter = this.getReporter();
-      reporter.filter = this.params["grep"];
       return env.setup({
         reporter: reporter
       });

data/app/assets/javascripts/teabag-qunit.js

@@ -2041,7 +2041,7 @@
       }
       this.constructor.run = true;
       this.fixturePath = "" + Teabag.root + "/fixtures";
-      this.params = this.getParams();
+      this.params = Teabag.params = this.getParams();
       this.setup();
     }
 
@@ -2360,7 +2360,8 @@
         specs: {},
         suites: {}
       };
-      this.filter = false;
+      this.filters = [];
+      this.setFilters();
       this.readConfig();
       HTML.__super__.constructor.apply(this, arguments);
     }
@@ -2368,22 +2369,24 @@
     HTML.prototype.build = function() {
       var _ref;
       this.buildLayout();
-      this.el = this.findEl("report-all");
       this.setText("env-info", this.envInfo());
       this.setText("version", Teabag.version);
       this.findEl("toggles").onclick = this.toggleConfig;
+      this.findEl("suites").innerHTML = this.buildSuiteSelect();
       if ((_ref = this.findEl("suite-select")) != null) {
         _ref.onchange = this.changeSuite;
       }
+      this.el = this.findEl("report-all");
       this.showConfiguration();
-      return this.buildProgress();
+      this.buildProgress();
+      return this.buildFilters();
     };
 
     HTML.prototype.buildLayout = function() {
       var el;
       el = this.createEl("div");
       document.body.appendChild(el);
-      return el.innerHTML = "<div id=\"teabag-html-reporter\">\n  <div class=\"teabag-clearfix\">\n    <div id=\"teabag-title\">\n      <h1>Teabag</h1>\n      <ul>\n        <li>version: <b id=\"teabag-version\"></b></li>\n        <li id=\"teabag-env-info\"></li>\n      </ul>\n    </div>\n    <div id=\"teabag-progress\"></div>\n    <ul id=\"teabag-stats\">\n      <li>passes: <b id=\"teabag-stats-passes\">0</b></li>\n      <li>failures: <b id=\"teabag-stats-failures\">0</b></li>\n      <li>skipped: <b id=\"teabag-stats-skipped\">0</b></li>\n      <li>duration: <b id=\"teabag-stats-duration\">&infin;</b></li>\n    </ul>\n  </div>\n\n  <div id=\"teabag-controls\" class=\"teabag-clearfix\">\n    <div id=\"teabag-toggles\">\n      <button id=\"teabag-use-catch\" title=\"Toggle using try/catch wrappers when possible\">Try/Catch</button>\n      <button id=\"teabag-build-full-report\" title=\"Toggle building the full report\">Full Report</button>\n      <button id=\"teabag-display-progress\" title=\"Toggle displaying progress as tests run\">Progress</button>\n    </div>\n    <div id=\"teabag-filter\">\n      " + (this.buildSuiteSelect()) + "\n      <button onclick=\"window.location.href = window.location.pathname\">Run All</button>\n      <span id=\"teabag-filter-info\">\n    </div>\n  </div>\n\n  <hr/>\n\n  <div id=\"teabag-report\">\n    <ol id=\"teabag-report-failures\"></ol>\n    <ol id=\"teabag-report-all\"></ol>\n  </div>\n</div>";
+      return el.innerHTML = Teabag.Reporters.HTML.template;
     };
 
     HTML.prototype.buildSuiteSelect = function() {
@@ -2405,6 +2408,13 @@
       return this.progress.appendTo(this.findEl("progress"));
     };
 
+    HTML.prototype.buildFilters = function() {
+      if (this.filters.length) {
+        this.setClass("filter", "teabag-filtered");
+      }
+      return this.setHtml("filter-list", "<li>" + (this.filters.join("</li><li>")) + "</li>", true);
+    };
+
     HTML.prototype.reportRunnerStarting = function(runner) {
       this.total.exist = runner.total || runner.specs().length;
       if (this.total.exist) {
@@ -2498,12 +2508,15 @@
       return document.body.className = "teabag-" + status;
     };
 
-    HTML.prototype.setFilter = function(filter) {
-      if (!filter) {
-        return;
+    HTML.prototype.setFilters = function() {
+      var link;
+      link = [Teabag.root, Teabag.suites.active].join('/');
+      if (Teabag.params["file"]) {
+        this.filters.push("<a href='" + link + "'>remove</a> by file: " + Teabag.params["file"]);
+      }
+      if (Teabag.params["grep"]) {
+        return this.filters.push("<a href='" + link + "'>remove</a> by match: " + Teabag.params["grep"]);
       }
-      this.setClass("filter", "teabag-filtered");
-      return this.setHtml("filter-info", "" + filter, true);
     };
 
     HTML.prototype.readConfig = function() {
@@ -2526,7 +2539,7 @@
     };
 
     HTML.prototype.changeSuite = function() {
-      return window.location.href = "/teabag/" + this.options[this.options.selectedIndex].value;
+      return window.location.href = [Teabag.root, this.options[this.options.selectedIndex].value].join('/');
     };
 
     HTML.prototype.refresh = function() {
@@ -2545,7 +2558,7 @@
       } else {
         date = new Teabag.Date();
         date.setDate(date.getDate() + 365);
-        return document.cookie = "" + name + "=" + (escape(JSON.stringify(value))) + "; path=\"/\"; expires=" + (date.toUTCString()) + ";";
+        return document.cookie = "" + name + "=" + (escape(JSON.stringify(value))) + "; expires=" + (date.toUTCString()) + "; path=/;";
       }
     };
 
@@ -2835,6 +2848,11 @@
 
   })(Teabag.Reporters.BaseView);
 
+}).call(this);
+(function() {
+
+  Teabag.Reporters.HTML.template = "<div id=\"teabag-interface\">\n  <div class=\"teabag-clearfix\">\n    <div id=\"teabag-title\">\n      <h1>Teabag</h1>\n      <ul>\n        <li>version: <b id=\"teabag-version\"></b></li>\n        <li id=\"teabag-env-info\"></li>\n      </ul>\n    </div>\n    <div id=\"teabag-progress\"></div>\n    <ul id=\"teabag-stats\">\n      <li>passes: <b id=\"teabag-stats-passes\">0</b></li>\n      <li>failures: <b id=\"teabag-stats-failures\">0</b></li>\n      <li>skipped: <b id=\"teabag-stats-skipped\">0</b></li>\n      <li>duration: <b id=\"teabag-stats-duration\">&infin;</b></li>\n    </ul>\n  </div>\n\n  <div id=\"teabag-controls\" class=\"teabag-clearfix\">\n    <div id=\"teabag-toggles\">\n      <button id=\"teabag-use-catch\" title=\"Toggle using try/catch wrappers when possible\">Try/Catch</button>\n      <button id=\"teabag-build-full-report\" title=\"Toggle building the full report\">Full Report</button>\n      <button id=\"teabag-display-progress\" title=\"Toggle displaying progress as tests run\">Progress</button>\n    </div>\n    <div id=\"teabag-suites\"></div>\n  </div>\n\n  <hr/>\n\n  <div id=\"teabag-filter\">\n    <h1>Filtering</h1>\n    <ul id=\"teabag-filter-list\"></ul>\n  </div>\n\n  <div id=\"teabag-report\">\n    <ol id=\"teabag-report-failures\"></ol>\n    <ol id=\"teabag-report-all\"></ol>\n  </div>\n</div>";
+
 }).call(this);
 (function() {
   var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
@@ -3144,9 +3162,7 @@
     }
 
     Runner.prototype.setup = function() {
-      var reporter;
-      reporter = new (this.getReporter())(env);
-      return typeof reporter.setFilter === "function" ? reporter.setFilter(this.params["grep"]) : void 0;
+      return new (this.getReporter())(env);
     };
 
     return Runner;

data/app/assets/javascripts/teabag-teabag.js

@@ -0,0 +1,53 @@
+(function() {
+  var TeabagInterface,
+    __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
+
+  TeabagInterface = (function() {
+
+    function TeabagInterface() {
+      this.filter = __bind(this.filter, this);
+      this.files = $u("#teabag-suite-list .file a");
+      this.input = $u("#teabag-filter-input")[0];
+      this.input.value = "";
+      this.input.onkeyup = this.filter;
+    }
+
+    TeabagInterface.prototype.filter = function() {
+      var file, _i, _len, _ref, _results;
+      _ref = this.files;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        file = _ref[_i];
+        if (LiquidMetal.score(file.innerHTML, this.input.value) > 0) {
+          _results.push(file.parentNode.style.display = "block");
+        } else {
+          _results.push(file.parentNode.style.display = "none");
+        }
+      }
+      return _results;
+    };
+
+    return TeabagInterface;
+
+  })();
+
+  window.onload = function() {
+    return new TeabagInterface();
+  };
+
+  
+/*!
+ * LiquidMetal
+ * Copyright (c) 2009, Ryan McGeary (ryanonjavascript -[at]- mcgeary [*dot*] org)
+ */
+var LiquidMetal=function(){var l=0.0;var m=1.0;var n=0.8;var o=0.9;var p=0.85;return{score:function(a,b){if(b.length==0)return n;if(b.length>a.length)return l;var c=this.buildScoreArray(a,b);var d=0.0;for(var i=0;i<c.length;i++){d+=c[i]}return(d/c.length)},buildScoreArray:function(a,b){var d=new Array(a.length);var e=a.toLowerCase();var f=b.toLowerCase().split("");var g=-1;var h=false;for(var i=0;i<f.length;i++){var c=f[i];var j=e.indexOf(c,g+1);if(j<0)return fillArray(d,l);if(j==0)h=true;if(isNewWord(a,j)){d[j-1]=1;fillArray(d,p,g+1,j-1)}else if(isUpperCase(a,j)){fillArray(d,p,g+1,j)}else{fillArray(d,l,g+1,j)}d[j]=m;g=j}var k=h?o:n;fillArray(d,k,g+1);return d}};function isUpperCase(a,b){var c=a.charAt(b);return("A"<=c&&c<="Z")}function isNewWord(a,b){var c=a.charAt(b-1);return(c==" "||c=="\t")}function fillArray(a,b,c,d){c=Math.max(c||0,0);d=Math.min(d||a.length,a.length);for(var i=c;i<d;i++){a[i]=b}return a}}();
+
+/*!
+ * uSelector
+ * author: Fabio Miranda Costa | github: fabiomcosta | twitter: @fabiomiranda | license: MIT-style license
+ */
+(function(h,i){var f,c,j,k,m={},e,l,q=/^\s+|\s+$/g,r=!!i.querySelectorAll,g=function(d,b,a){f=a||[];e=b||g.context;if(r)try{n(e.querySelectorAll(d));return f}catch(v){}l=e.ownerDocument||e;d=d.replace(q,"");for(c={};d=d.replace(/([#.:])?([^#.:]*)/,s););d=(b=c.id)&&c.tag||c.classes||c.pseudos||!b&&(c.classes||c.pseudos)?t:o;if(b){if(a=b=l.getElementById(b))if(!(a=l===e))a:{a=b;do if(a===e){a=true;break a}while(a=a.parentNode);a=false}a&&d([b])}else d(e.getElementsByTagName(c.tag||"*"));return f},u=function(d){if(c.tag){var b=d.nodeName.toUpperCase();if(c.tag=="*"){if(b<"@")return false}else if(b!=c.tag)return false}if(c.id&&d.getAttribute("id")!=c.id)return false;if(j=c.classes){var a=" "+d.className+" ";for(b=j.length;b--;)if(a.indexOf(" "+j[b]+" ")<0)return false}if(k=c.pseudos)for(b=k.length;b--;){a=m[k[b]];if(!(a&&a.call(g,d)))return false}return true},s=function(d,b,a){if(b)if(b=="#")c.id=a;else if(b==".")if(c.classes)c.classes.push(a);else c.classes=[a];else{if(b==":")if(c.pseudos)c.pseudos.push(a);else c.pseudos=[a]}else c.tag=a.toUpperCase();return""},p=Array.prototype.slice,n=function(d){f=p.call(d,0)},o=function(d){for(var b=0,a;a=d[b++];)f.push(a)};try{p.call(i.documentElement.childNodes,0)}catch(w){n=o}var t=function(d){for(var b=0,a;a=d[b++];)u(a)&&f.push(a)};g.pseudos=m;g.context=i;h.uSelector=g;h.$u||(h.$u=g)})(this,document);
+;
+
+
+}).call(this);

data/app/assets/javascripts/teabag/base/reporters/html.coffee

@@ -4,6 +4,7 @@
 #= require teabag/base/reporters/html/spec_view
 #= require teabag/base/reporters/html/failure_view
 #= require teabag/base/reporters/html/suite_view
+#= require teabag/base/reporters/html/template
 
 class Teabag.Reporters.HTML extends Teabag.Reporters.BaseView
 
@@ -12,72 +13,40 @@ class Teabag.Reporters.HTML extends Teabag.Reporters.BaseView
     @config = {"use-catch": true, "build-full-report": false, "display-progress": true}
     @total = {exist: 0, run: 0, passes: 0, failures: 0, skipped: 0}
     @views = {specs: {}, suites: {}}
-    @filter = false
+    @filters = []
+    @setFilters()
     @readConfig()
     super
 
 
   build: ->
     @buildLayout()
-    @el = @findEl("report-all")
+
     @setText("env-info", @envInfo())
     @setText("version", Teabag.version)
     @findEl("toggles").onclick = @toggleConfig
+
+    @findEl("suites").innerHTML = @buildSuiteSelect()
     @findEl("suite-select")?.onchange = @changeSuite
+
+    @el = @findEl("report-all")
+
     @showConfiguration()
     @buildProgress()
+    @buildFilters()
 
 
   buildLayout: ->
     el = @createEl("div")
     document.body.appendChild(el)
-    el.innerHTML = """
-      <div id="teabag-html-reporter">
-        <div class="teabag-clearfix">
-          <div id="teabag-title">
-            <h1>Teabag</h1>
-            <ul>
-              <li>version: <b id="teabag-version"></b></li>
-              <li id="teabag-env-info"></li>
-            </ul>
-          </div>
-          <div id="teabag-progress"></div>
-          <ul id="teabag-stats">
-            <li>passes: <b id="teabag-stats-passes">0</b></li>
-            <li>failures: <b id="teabag-stats-failures">0</b></li>
-            <li>skipped: <b id="teabag-stats-skipped">0</b></li>
-            <li>duration: <b id="teabag-stats-duration">&infin;</b></li>
-          </ul>
-        </div>
-
-        <div id="teabag-controls" class="teabag-clearfix">
-          <div id="teabag-toggles">
-            <button id="teabag-use-catch" title="Toggle using try/catch wrappers when possible">Try/Catch</button>
-            <button id="teabag-build-full-report" title="Toggle building the full report">Full Report</button>
-            <button id="teabag-display-progress" title="Toggle displaying progress as tests run">Progress</button>
-          </div>
-          <div id="teabag-filter">
-            #{@buildSuiteSelect()}
-            <button onclick="window.location.href = window.location.pathname">Run All</button>
-            <span id="teabag-filter-info">
-          </div>
-        </div>
-
-        <hr/>
-
-        <div id="teabag-report">
-          <ol id="teabag-report-failures"></ol>
-          <ol id="teabag-report-all"></ol>
-        </div>
-      </div>
-    """
+    el.innerHTML = Teabag.Reporters.HTML.template
 
 
   buildSuiteSelect: ->
     return "" if Teabag.suites.all.length == 1
     options = []
     for suite in Teabag.suites.all
-      options.push("""<option#{if Teabag.suites.active == suite then " selected='selected'" else ""} value="#{suite}">#{suite} suite</option>""")
+      options.push("""<option#{if Teabag.suites.active == suite then " selected='selected'" else ""} value="#{suite}">#{suite}</option>""")
     """<select id="teabag-suite-select">#{options.join("")}</select>"""
 
 
@@ -86,6 +55,11 @@ class Teabag.Reporters.HTML extends Teabag.Reporters.BaseView
     @progress.appendTo(@findEl("progress"))
 
 
+  buildFilters: ->
+    @setClass("filter", "teabag-filtered") if @filters.length
+    @setHtml("filter-list", "<li>#{@filters.join("</li><li>")}", true)
+
+
   reportRunnerStarting: (runner) ->
     @total.exist = runner.total || runner.specs().length
     @setText("stats-duration", "...") if @total.exist
@@ -157,10 +131,10 @@ class Teabag.Reporters.HTML extends Teabag.Reporters.BaseView
     document.body.className = "teabag-#{status}"
 
 
-  setFilter: (filter) ->
-    return unless filter
-    @setClass("filter", "teabag-filtered")
-    @setHtml("filter-info", "#{filter}", true)
+  setFilters: ->
+    link = [Teabag.root, Teabag.suites.active].join('/')
+    @filters.push("<a href='#{link}'>remove</a> by file: #{Teabag.params["file"]}") if Teabag.params["file"]
+    @filters.push("<a href='#{link}'>remove</a> by match: #{Teabag.params["grep"]}") if Teabag.params["grep"]
 
 
   readConfig: ->
@@ -177,7 +151,7 @@ class Teabag.Reporters.HTML extends Teabag.Reporters.BaseView
 
 
   changeSuite: ->
-    window.location.href = "/teabag/#{@options[@options.selectedIndex].value}"
+    window.location.href = [Teabag.root, @options[@options.selectedIndex].value].join('/')
 
 
   refresh: ->
@@ -192,4 +166,4 @@ class Teabag.Reporters.HTML extends Teabag.Reporters.BaseView
     else
       date = new Teabag.Date()
       date.setDate(date.getDate() + 365)
-      document.cookie = "#{name}=#{escape(JSON.stringify(value))}; path=\"/\"; expires=#{date.toUTCString()};"
+      document.cookie = "#{name}=#{escape(JSON.stringify(value))}; expires=#{date.toUTCString()}; path=/;"