lab_bench 0.2.1 → 0.3.0

data/README.rdoc

@@ -22,9 +22,6 @@ Send your browser to http://localhost:9020/ then run your tests like this:
 
 == TODO
 
-* Buffer test events in server and replay to new browser clients so they can start "hot"
-* Browser should show whether it is connected to the server and reconnect if it dies
-* Show me test failures as they happen
 * Give me more context on the test suite (names of files being run, command line, project directory, etc)
 * Allow me to rerun a suite
 * Allow me to rerun a test
@@ -32,6 +29,7 @@ Send your browser to http://localhost:9020/ then run your tests like this:
 * Continuous rerunning of failed tests (like autotest)
 * Rerunning of failed tests when files change (like autotests)
 * Notifications for success and failure
+* Limit the number of events buffered on the server
 
 == Contributing to lab_bench
  

data/VERSION

@@ -1 +1 @@
-0.2.1
+0.3.0

data/assets/css/app.css

@@ -1,6 +1,6 @@
 appstatus {
   display: block;
-  height: 5%;
+  height: 40px;
   position: fixed;
   top: 0;
   left: 0;
@@ -27,9 +27,9 @@ appstatus.realtime {
 testruns {
   display: block;
   overflow-y: scroll;
-  height: 60%;
   position: fixed;
-  top: 6%;
+  top: 44px;
+  bottom: 163px;
   left: 0;
   right: 0;
 }
@@ -48,13 +48,14 @@ testrunsummary {
   padding-left: 25px;
 }
 
-testrunsummary started, testrunsummary currenttest, testrunsummary statitics {
+testrunsummary started, testrunsummary statistics {
   display: block;
 }
 
 /* TODO icons for these */
 testrunsummary.Running {
   background-image: url(/images/spinner.gif);
+  background-color: #EDF;
   background-repeat: no-repeat;
   background-position: 3px 4px;
 }
@@ -73,7 +74,7 @@ eventlog {
   bottom: 0;
   left: 0;
   right: 0;
-  height: 35%;
+  height: 160px;
   border-top: 3px solid black;
   overflow-y: scroll;
 }
@@ -94,4 +95,49 @@ testevent timestamp {
 
 testevent.testFault {
   background-color: #FFBBBB;
+}
+
+faults {
+  display: inline-block;
+  width: 45%;
+  top: 0px;
+}
+
+fault {
+  display: block;
+  border: 2px solid red;
+  background-color: red;
+  color: white;
+  padding: 3px;
+  margin: 5px;
+  border-radius: 5px;
+}
+
+fault:hover {
+  cursor: pointer;
+}
+
+fault:hover, fault.selected {
+  border-color: white;
+}
+
+/* pure state - probably should move this to data rather than html */
+fault detail {
+  display: none;
+}
+
+/* displayed backtrace */
+/* TODO nice vertical alignment (with bounding box) with matching test */
+activefaultdetail {
+  display: block;
+  float: right;
+  width: 50%;
+  margin-right: 20px;
+  padding: 7px;
+  white-space: pre-wrap;
+  font-size: 0.9em;
+  font-family: Courier;
+  border: 2px solid white;
+  color: white;
+  background-color: black;
 }

data/assets/js/app.js

@@ -1,23 +1,97 @@
 head.ready(function(){
+  var redrawTestrun = function(testrun) {
+    // rerender the suite based on the updated data
+    testrun.html(Mustache.to_html("\
+      <testrunsummary class='{{status}}'> \
+        <started> \
+          Test Run Started [{{timestamp}}] - {{status}} \
+          {{#running}} \
+            <currenttest>{{currentTest}}</currenttest> \
+          {{/running}} \
+        </started> \
+        <statistics> \
+          <testcount>{{testCount}} total test(s): </testcount> \
+          {{#hasfailures}} \
+            <failedcount>{{failedCount}} failure(s)</failedcount> \
+            {{#showfaults}} \
+              <a class='hideFaults' href='#'>Hide Failures</a> \
+            {{/showfaults}} \
+            {{^showfaults}} \
+              <a class='showFaults' href='#'>Show Failures</a> \
+            {{/showfaults}} \
+          {{/hasfailures}} \
+          {{^hasfailures}} \
+            <failedcount>no failures</failedcount> \
+          {{/hasfailures}} \
+        </statistics> \
+        {{#showfaults}} \
+          <faultpanel> \
+            <faults> \
+              {{#faults}} \
+                <fault {{#selected}}class='selected'{{/selected}}> \
+                  {{test}} \
+                  <detail>{{detail}}</detail> \
+                </fault> \
+              {{/faults}} \
+            </faults> \
+            {{#showfaultdetail}} \
+              <activefaultdetail>{{faultdetail}}</activefaultdetail> \
+            {{/showfaultdetail}} \
+           </faultpanel> \
+        {{/showfaults}} \
+      </testrunsummary>", testrun.data()));
+  };
+
+  $('testruns').delegate('a.showFaults', 'click', function(){
+    var testrun = $(this).closest('testrun');
+    testrun.data().showfaults = true;
+    redrawTestrun(testrun);
+    return false;
+  });
+
+  $('testruns').delegate('a.hideFaults', 'click', function(){
+    var testrun = $(this).closest('testrun');
+    testrun.data().showfaults = false;
+    redrawTestrun(testrun);
+    return false;
+  });
+
+  $('testruns').delegate('fault', 'click', function(){
+    var testrun = $(this).closest('testrun');
+    testrun.data().faultdetail = $(this).find('detail').html();
+    testrun.data().showfaultdetail = true;
+
+    // mark only this fault as selected - TODO must be a better way to do this
+    _.each(testrun.data().faults, function(fault) { fault.selected = false; });
+    var details = testrun.find('detail');
+    var matchingFault = _.detect(details, function(detail) { return $(detail).html() === testrun.data().faultdetail; });
+    var matchingFaultIdx = _.indexOf(details, matchingFault);
+    testrun.data().faults[matchingFaultIdx].selected = true;
+    redrawTestrun(testrun);
+
+    return false;
+  });
+
+  // TODO don't assume localhost
   var socket = new WebSocket('ws://localhost:9021/');
 
   var suites = {};
 
   var templates = {
     "Test::Unit::UI::TestRunnerMediator::STARTED":
-    "<testevent class='suiteStarted'><timestamp>{{timestamp}}</timestamp>Test Suite Started</testevent>",
+    "<testevent class='suiteStarted'><timestamp>[{{timestamp}}]</timestamp>Test Suite Started</testevent>",
     
     "Test::Unit::TestCase::STARTED":
-    "<testevent class='testStarted'><timestamp>{{timestamp}}</timestamp>Test Started: {{args}}</testevent>",
+    "<testevent class='testStarted'><timestamp>[{{timestamp}}]</timestamp>Test Started: {{args}}</testevent>",
 
     "FAULT":
-    "<testevent class='testFault'><timestamp>{{timestamp}}</timestamp>{{args}}</testevent>",
+    "<testevent class='testFault'><timestamp>[{{timestamp}}]</timestamp>{{args}}</testevent>",
 
     "Test::Unit::TestCase::FINISHED":
-    "<testevent class='testFinished'><timestamp>{{timestamp}}</timestamp>Test Completed: {{args}}</testevent>",
+    "<testevent class='testFinished'><timestamp>[{{timestamp}}]</timestamp>Test Completed: {{args}}</testevent>",
 
     "Test::Unit::UI::TestRunnerMediator::FINISHED":
-    "<testevent class='suiteFinished'><timestamp>{{timestamp}}</timestamp>Test Suite Completed in {{args}} seconds</testevent>"
+    "<testevent class='suiteFinished'><timestamp>[{{timestamp}}]</timestamp>Test Suite Completed in {{args}} seconds</testevent>"
   };
 
   socket.onopen = function (e) {
@@ -59,12 +133,17 @@ head.ready(function(){
           testrunData.status = 'Initializing';
           testrunData.testCount = 0;
           testrunData.failedCount = 0;
+          testrunData.hasfailures = false;
+          testrunData.faults = [];
+          testrunData.showfaults = false;
         } else if (message.event === "Test::Unit::TestCase::STARTED") {
           testrunData.status = 'Running';
           testrunData.currentTest = message.args;
           testrunData.running = true;
         } else if (message.event === "FAULT") {
           testrunData.failedCount += 1;
+          testrunData.hasfailures = true;
+          testrunData.faults.push({test: testrunData.currentTest, detail: message.args});
         } else if (message.event === "Test::Unit::TestCase::FINISHED") {
           testrunData.running = false;
           testrunData.testCount += 1;
@@ -76,18 +155,7 @@ head.ready(function(){
           }
         }
 
-        // rerender the suite based on the updated data
-        testrun.html(Mustache.to_html("\
-          <testrunsummary class='{{status}}'> \
-            <started>Test Run Started {{timestamp}} - {{status}}</started> \
-            {{#running}} \
-              <currenttest>Current Test: {{currentTest}}</currenttest> \
-            {{/running}} \
-            <statistics> \
-              <testcount>{{testCount}} total test(s)</testcount> \
-              <failedcount>{{failedCount}} failure(s)</failedcount> \
-            </statistics> \
-          </testrunsummary>", testrunData));
+        redrawTestrun(testrun);
       }
     }
   };

data/lab_bench.gemspec

@@ -5,7 +5,7 @@
 
 Gem::Specification.new do |s|
   s.name = %q{lab_bench}
-  s.version = "0.2.1"
+  s.version = "0.3.0"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.authors = ["Bradley Buda"]

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: lab_bench
 version: !ruby/object:Gem::Version 
-  hash: 21
+  hash: 19
   prerelease: false
   segments: 
   - 0
-  - 2
-  - 1
-  version: 0.2.1
+  - 3
+  - 0
+  version: 0.3.0
 platform: ruby
 authors: 
 - Bradley Buda