Show pass/fail state for corpus tests.

Author: phallguy

app/assets/javascripts/app.js

@@ -79,6 +79,8 @@ class App.Views.Refiddle extends Backbone.View
     @highlightMatches( @matches )
 
   highlightMatches: (matches) =>
+    @updateMatchResults( matches )
+
     _.each @corpusEditor.getAllMarks(), (m) ->
       m.clear()
 
@@ -90,6 +92,18 @@ class App.Views.Refiddle extends Backbone.View
       @corpusEditor.markText( from, to, className: pair[2] || "match" )
     undefined
 
+  updateMatchResults: (matches) ->
+    summary = matches.matchSummary
+
+    $("html").toggleClass( "with-tests", summary.tests )
+    $("html").toggleClass( "tests-passing", summary.failed == 0 )
+    $("html").toggleClass( "tests-failing", summary.failed > 0 )
+
+    $(".match-results .total .count").text( summary.total )
+    $(".match-results .pass .count").text( summary.passed )
+    $(".match-results .fail .count").text( summary.failed )
+
+
 
   resizeTextGroup: =>
     @resizeTextGroupDebounced ||= _.debounce @_resizeTextGroup, 50, true

app/assets/javascripts/dest/src.js

@@ -4,7 +4,7 @@
 {
   font-family: @font-family-monospace;
   font-size: @font-size-small;
-  line-height: 1.3;
+  line-height: 1.6;
 }
 
 .CodeMirror pre

app/assets/javascripts/src/views/refiddle.coffee

@@ -108,4 +108,60 @@
     font-size: @font-size-small;
     padding: @padding-base-vertical * 2 @padding-base-horizontal;
   }
+
+  .match-results
+  {
+    .label
+    {
+      margin-left: 4px;
+    }
+  }
+
+
+}
+
+.match-results
+{
+  .pass, .fail
+  {
+    display: none;
+  }
+}
+
+.with-tests
+{
+  .match-results
+  {
+    .pass, .fail
+    {
+      display: inline;
+    }
+    .total
+    {
+      display: none;
+    }
+  }
+
+  &.tests-failing
+  {
+    #refiddle_regex, #refiddle_regex + .CodeMirror
+    {
+      border-color: @brand-danger;
+    }
+  }
+
+  &.tests-passing
+  {
+    #refiddle_regex, #refiddle_regex + .CodeMirror
+    {
+      border-color: @brand-success;
+    }
+    .match-results
+    {
+      .fail
+      {
+        display: none;
+      }
+    }
+  }
 }

app/assets/stylesheets/codemirror.less

@@ -17,9 +17,16 @@
         .panel.panel-default><
           .panel-heading
             .pull-right
-              .label.label-default 0 Matches
-              .label.label-success 1 PASSING
-              .label.label-danger 2 FAILING
+              .match-results
+                .label.label-default.total 
+                  %span.count
+                  Matches
+                .label.label-success.pass
+                  %span.count
+                  Passing
+                .label.label-danger.fail
+                  %span.count
+                  Failing
             = link_to "Corpus", "#corpus", data: { toggle: "collapse", parent: "#text" }
 
           #corpus.panel-collapse.collapse.in