Explicitly show unit test results

app/assets/stylesheets/request-for-comments.css.scss

@@ -53,14 +53,21 @@
     }
   }
 
-}
-
-.testrun-assess-results {
+  .testrun-assess-results {
 
+    .testrun-container {
       display: flex;
+      margin-bottom: 10px;
+
+      .testrun-output {
+        overflow-x: auto;
+        flex-grow: 1;
+      }
+    }
 
     .result {
       margin-right: 10px;
+      margin-top: 20px;
       width: 10px;
       height: 10px;
     }
@@ -89,13 +96,13 @@
       box-shadow: 0 0 11px 1px rgba(222,0,0,1);
     }
 
-}
+  }
 
-#mark-as-solved-button {
+  #mark-as-solved-button {
     margin-top: 20px;
-}
+  }
 
-#thank-you-container {
+  #thank-you-container {
     display: none;
     margin-top: 20px;
     padding: 5px;
@@ -106,11 +113,12 @@
     button {
       margin-right: 10px;
     }
-}
+  }
 
-#thank-you-note {
+  #thank-you-note {
     width: 100%;
     height: 200px;
+  }
 }
 
 #commentitor {

app/views/request_for_comments/show.html.erb

@@ -66,7 +66,13 @@
           <h5><%= t('request_for_comments.test_results') %></h5>
           <div class="testrun-assess-results">
             <% assess_runs.each do |testrun| %>
-                <div class="result <%= testrun.passed ? 'passed' : 'failed' %>" title="<%= testrun.output %>"></div>
+              <div class="testrun-container">
+                <div class="result <%= testrun.passed ? 'passed' : 'failed' %>"></div>
+                <div class="collapsed testrun-output text">
+                  <span class="fa fa-chevron-down collapse-button"></span>
+                  <pre><%= testrun.output or t('request_for_comments.no_output')%></pre>
+                </div>
+              </div>
             <% end %>
           </div>
         <% end %>