pretty_face 0.5 → 0.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 9eeaa80ce445692b64cc177ab61914981f99195e
-  data.tar.gz: 07b5e419aaf7a8915c8001feda76d00f3f2dd279
+  metadata.gz: 65c0ae4589d4431415cba0493781ec0b444687c2
+  data.tar.gz: 6e4f60014069b44a7830ffdd5acbba3f74589c66
 SHA512:
-  metadata.gz: 2e6d702f801dd887938086b978c8f96853fd2e66744a55aac81a67cd6bff58242ae75b5820fb1860df320f36c4bc57b64396575940b9f46c000dd41abe5bbf97
-  data.tar.gz: 526f55dc3f05b52d0025c7906c8a0fc4f2acd58e15a63922e5e154a6c22efded7b2d97c05406104ce0ecfae9f5641bd085c171131cf6ba750caad29e4a300894
+  metadata.gz: c6a406bd17b5019deb91f2ce8c99ac65babfef5b38e856eb05455c7fe73d54e42f1224ba3ef75a00f9335cdeb67fd972221cda2d3691ee6957db0a293076e324
+  data.tar.gz: 280a0362de86cdcdcbc1a7509cced63c74a45aefb96f6fe79e56fd6d75b249882f0cca5f6d707ba7929452e3ef189bc00db671ccfd63f92f22b14c0f3f46f716

data/ChangeLog

@@ -1,3 +1,9 @@
+=== Release 0.6 / 2013-7-24
+* Changed icons
+* Changed styling of summary table
+* Added new logo
+* Updated style for results header
+
 === Release 0.5 / 2013-7-19
 * Updated ReadMe
 * Displaying step definition on step failure

data/Guardfile

@@ -13,5 +13,7 @@ guard 'cucumber', :notification => true, :all_after_pass => false, :cli => '--pr
   watch(%r{^features/step_definitions/(.+)_steps\.rb$}) { |m| Dir[File.join("**/#{m[1]}.feature")][0] || 'features' }
   watch(%r{^lib/.+\.rb$})                   { "features" }
   watch(%r{^lib/.+\.erb$})                  { "features" }
+  watch(%r{^lib/.+\.css$})                  { "features" }
+
 end
 

data/features/feature_pages.feature

@@ -24,7 +24,7 @@ Feature: pages that show details for features
 
   Scenario: Generating some basic stats from the erb
     Then the file "results/basic.html" should contain "<th>Executed<"
-    And the file "results/basic.html" should contain "<th>Average<br/>Duration"
+    And the file "results/basic.html" should contain "<th>Average Duration"
     And the file "results/basic.html" should contain "Scenarios"
     And the file "results/basic.html" should contain "Steps"
 
@@ -72,7 +72,6 @@ Feature: pages that show details for features
     And the file "results/advanced.html" should contain "RSpec::Expectations::ExpectationNotMetError"
     And the file "results/failing_background.html" should contain "RSpec::Expectations::ExpectationNotMetError"
     
-@focus
   Scenario: It should display error message with a yellow background and red text
     Then the file "results/basic.html" should contain "RSpec::Expectations::ExpectationNotMetError"
     And the background of the error message row should be "255, 251, 211"

data/features/support/_feature_header.erb

@@ -1,2 +1,2 @@
 <h1>The Code Monkeys</h1>
-<h2>Test Results</h2>
+<h2>Feature Results:</h2>

data/features/support/_suite_header.erb

@@ -1,2 +1,2 @@
 <h1>The Code Monkeys</h1>
-<h2>Test Results</h2>
+<h2>Feature Results:</h2>

data/lib/pretty_face/formatter/html.rb

@@ -26,7 +26,7 @@ module PrettyFace
         @options = options
         @report = Report.new
         @img_id = 0
-        @logo = 'face.jpg'
+        @logo = 'face.png'
       end
 
       def embed(src, mime_type, label)
@@ -185,10 +185,10 @@ module PrettyFace
       end
 
       def copy_images
-        copy_directory 'images', %w(failed passed pending undefined skipped), "png"
+        copy_directory 'images', %w(failed passed pending undefined skipped table_failed table_passed table_pending table_undefined table_skipped), "png"
         logo = logo_file
         copy_file logo, "#{File.join(File.dirname(@path), 'images')}" if logo
-        copy_directory 'images', ['face'], 'jpg' unless logo
+        copy_directory 'images', ['face'], 'png' unless logo
       end
 
       def copy_stylesheets

data/lib/pretty_face/formatter/report.rb

@@ -4,7 +4,7 @@ module PrettyFace
     module Formatting
       def summary_percent(number, total)
         percent = (number.to_f / total) * 100
-        "#{number} (#{'%.1f' % percent}%)"
+        "#{number} <span class=\"percentage\">(#{'%.1f' % percent}%)</span>"
       end
 
       def formatted_duration(duration)
@@ -14,7 +14,13 @@ module PrettyFace
 
       def image_tag_for(status, source=nil)
         dir = "#{directory_prefix_for(source)}images"
-        "<img src=\"#{dir}/#{status}.png\" alt=\"#{status}\" title=\"#{status}\" width=\"30\">"
+        "<img src=\"#{dir}/#{status}.png\" alt=\"#{status}\" title=\"#{status}\">"
+      end
+
+      def table_image_for(status, source=nil)
+        dir = "#{directory_prefix_for(source)}images"
+        "<img src=\"#{dir}/table_#{status}.png\" alt=\"#{status}\" title=\"#{status}\">"
+
       end
 
       def directory_prefix_for(source=nil)

data/lib/pretty_face/formatter/view_helper.rb

@@ -54,7 +54,7 @@ module PrettyFace
 
       def summary_percent(number, total)
         percent = (number.to_f / total) * 100
-        "#{number} (#{'%.1f' % percent}%)"
+        "#{number} <span class=\"percentage\">(#{'%.1f' % percent}%)</span>"
       end
     end
   end

data/lib/pretty_face/templates/feature.erb

@@ -7,105 +7,123 @@
   </head>
 
   <body>
-
-    <div style="float: left;">
-      <img src="<%= feature.directory_prefix_for(feature.file) %>images/<%= logo %>" width="200" />
-    </div>
-    <div style="float: left;">
-      <a href="<%= feature.parent_filename %>">Back</a>
-      <% if customize %>
-        <%= render "feature_header" %>
-      <% else %>
-        <%= render "page_header", :feature => feature %>
-      <% end %>
-      <span>Feature started: <%= feature.start_time.strftime("%a %B %-d, %Y at %H:%M:%S") %></span>
-      <br />
-      <span>Duration: <%= feature.formatted_duration(feature.duration) %></span>
-      <% if feature.description? %>
-        <pre class="description"><%= feature.description %></pre>
-      <% end %>
+    
+    <div style="clear: both; width=100%; background-color:#F6F6F6;">
+      <a href="<%= feature.parent_filename %>" style="color=#0071BC;">&lt; Back</a>
     </div>
 
-	  <div class="summary_body">
-      <h2 class="summary">Summary</h2>
+    <div style="float:left; clear:both;">
+      <div class="header_logo">
+        <img src="<%= feature.directory_prefix_for(feature.file) %>images/<%= logo %>" width="200" />
+      </div>
+      <div class="header_description" >
+        <% if customize %>
+          <%= render "feature_header" %>
+        <% else %>
+          <%= render "page_header", :feature => feature %>
+        <% end %>
 
-      <table cellspacing="0" cellpadding="7" class="summary">
-        <tr>
-          <th></th>
+        <table class="run_stats">
+          <tr>
+            <td>started:</td>
+            <td>duration:</td>
+          </tr>
+          <tr>
+            <td><%= feature.start_time.strftime("%A %B %-d, %Y at %H:%M:%S") %></td>
+            <td><%= feature.formatted_duration(feature.duration) %></td>
+          </tr>
+        </table>  
+          <% if feature.description? %>
+          <pre class="description run_stats">Story<br/><%= feature.description %></pre>
+        <% end %>
+      </div>
+    </div>
+
+    <div class="summary_body">
+        <table class="StatTable">
+         <tr>
+          <th>Summary</th>
           <th>Executed</th>
-	  <th >Passed</th>
-          <th>Failed</th>
-          <th>Skipped</th>
-          <th>Undefined</th>
-          <th>Pending</th>
-          <th>Average<br/>Duration</th>
+	  <th class="passed"><%= raw(feature.table_image_for('passed', feature.file)) %> Passed</th>
+          <th class="failed"><%= raw(feature.table_image_for('failed', feature.file)) %> Failed</th>
+          <th class="skipped"><%= raw(feature.table_image_for('skipped', feature.file)) %> Skipped</th>
+          <th class="undefined"><%= raw(feature.table_image_for('undefined', feature.file)) %> Undefined</th>
+          <th class="pending" ><%= raw(feature.table_image_for('pending', feature.file)) %> Pending</th>
+          <th>Average Duration</th>
         </tr>
-        <tr>
-          <td class="summary_row_header">Scenarios</td>
+
+        <tr class="summary_row_header">
+          <td>Scenarios</td>
           <td><%= feature.scenarios.length %></td>
-          <td class="summary"><%= feature.scenario_summary_for :passed %></td>
-          <td><%= feature.scenario_summary_for :failed %></td>
-          <td><%= feature.scenario_summary_for :skipped %></td>
-          <td><%= feature.scenario_summary_for :undefined %></td>
-          <td><%= feature.scenario_summary_for :pending %></td>
+          <td><%= raw(feature.scenario_summary_for :passed) %></td>
+          <td><%= raw(feature.scenario_summary_for :failed) %></td>
+          <td><%= raw(feature.scenario_summary_for :skipped) %></td>
+          <td><%= raw(feature.scenario_summary_for :undefined) %></td>
+          <td><%= raw(feature.scenario_summary_for :pending) %></td>
           <td><%= feature.scenario_average_duration %></td>
         </tr>
-        <tr>
-          <td class="summary_row_header">Steps</td>
+        <tr class="summary_row_header">
+          <td>Steps</td>
           <td><%= feature.steps.length %></td>
-          <td><%= feature.step_summary_for :passed %></td>
-          <td><%= feature.step_summary_for :failed %></td>
-          <td><%= feature.step_summary_for :skipped %></td>
-          <td><%= feature.step_summary_for :undefined %></td>
-          <td><%= feature.step_summary_for :pending %></td>
+          <td><%= raw(feature.step_summary_for :passed) %></td>
+          <td><%= raw(feature.step_summary_for :failed) %></td>
+          <td><%= raw(feature.step_summary_for :skipped) %></td>
+          <td><%= raw(feature.step_summary_for :undefined) %></td>
+          <td><%= raw(feature.step_summary_for :pending) %></td>
           <td><%= feature.step_average_duration %></td>
         </tr>
-      </table>
-    </div>
 
-    <div style="width: 60%; float: left;">
-      <% if feature.has_background? %>
-      <br />
-      <h2 class="failures">Background: <%= feature.background_title.name %></h2>
-      <% end %>
-      <table cellspacing="0" cellpadding="7" border="0" width="100%">
-      <% feature.background_steps.each do |step| %>
-        <tr>
-          <td><%= raw(feature.image_tag_for(step.status, feature.file)) %></td>
-          <td>
-            <%= render "step", step: step %>
-          </td>
-        </tr>
-      <% end %>
+
       </table>
-      <br />
-      <h2 class="failures">Scenarios:</h2>
-      <br />
-      <% feature.scenarios.each do |scenario| %>
-      <table cellspacing="0" cellpadding="7" class="scenario" width="100%">
-      <tr >
-          <th colspan="2" class="<%= scenario.status.to_s %>"><%= scenario.name %></th>
-        </tr>
-        <% scenario.steps.each do |step| %>
-	  <tr class="borderSeparator">
-          <td class="image_tag"> <%= raw(feature.image_tag_for(step.status, feature.file)) %></td>
+	</div>
+
+    <div class="feature_background">
+	    <div class="scenario_list">
+	      <% if feature.has_background? %>
+	      <br />
+	      <h2 class="scenarios">Background: <%= feature.background_title.name %></h2>
+	      <% end %>
+	      <table cellspacing="0" cellpadding="7" border="0" width="100%">
+	      <% feature.background_steps.each do |step| %>
+		<tr>
+		  <td><%= raw(feature.image_tag_for(step.status, feature.file)) %></td>
 		  <td>
-	  <%= render "step", step: step %>
-          </td>
-	  </tr>
-        <% end %>
-      </table>
-      <% if scenario.has_image? %>
-        <a href='' onclick="img=document.getElementById('<%= scenario.image_id %>'); img.style.display = (img.style.display == 'none' ? 'block' : 'none');return false"><%= "#{scenario.image_label}" %></a><br />
-        <img id='<%= scenario.image_id %>' style='display: none' src='<%= feature.directory_prefix_for(feature.file) %>images/<%= scenario.image %>'/>
-      <% end %>
-      <br /><br />
+		    <%= render "step", step: step %>
+		  </td>
+		</tr>
+	      <% end %>
+	      </table>
+	      <br />
+	      <h2 class="scenarios">Scenarios:</h2>
+	      <br />
+	      <% feature.scenarios.each do |scenario| %>
+	      <table cellspacing="0" cellpadding="7" class="scenario" width="100%">
+	      <tr >
+		  <th colspan="2" class="<%= scenario.status.to_s %>"><%= scenario.name %></th>
+		</tr>
+		<% scenario.steps.each do |step| %>
+		  <tr class="borderSeparator">
+		  <td class="image_tag"> <%= raw(feature.image_tag_for(step.status, feature.file)) %></td>
+		  <td class="<%= "skipped_step" if step.status == :skipped %>">
+   
+		  <%= render "step", step: step %>
+		  </td>
+		  </tr>
+		<% end %>
+	      </table>
+	      <% if scenario.has_image? %>
+		<a href='' onclick="img=document.getElementById('<%= scenario.image_id %>'); img.style.display = (img.style.display == 'none' ? 'block' : 'none');return false"><%= "#{scenario.image_label}" %></a><br />
+		<img id='<%= scenario.image_id %>' style='display: none' src='<%= feature.directory_prefix_for(feature.file) %>images/<%= scenario.image %>'/>
+	      <% end %>
+	      <br /><br />
+	      <% end %>
+	    </div>
+    </div>
 
-      <% end %>
     </div>
+
     <div class="footer">
       Generated by PrettyFace
     </div>
-
   </body>
 </html>

data/lib/pretty_face/templates/main.erb

@@ -7,52 +7,59 @@
   </head>
 
   <body>
-    <div style="float: left;">
-      <img src='images/<%= logo %>' width="200" />
-    </div>
-    <div style="float: left;">
-      <% if report.custom_suite_header? %>
-        <%= render "suite_header" %>
-      <% else %>
-        <%= render "main_header" %>
-      <% end %>
-      <span>Tests started: <%= report.start_time %></span>
-      <br />
-      <span>Duration: <%= report.total_duration %></span>
-    </div>
-
-	  <div class="summary_body">
-      <h2 class="summary">Summary</h2>
+    <div style="float: left; clear:both;">
+      <div class="header_logo">
+        <img src='images/<%= logo %>' width="200" />
+      </div>
+      <div class="header_description">
+        <% if report.custom_suite_header? %>
+          <%= render "suite_header" %>
+        <% else %>
+          <%= render "main_header" %>
+        <% end %>
 
-      <table cellspacing="0" cellpadding="7" class="summary">
+        <table class="run_stats">
+          <tr>
+            <td>started:</td>
+            <td>duration: </td>
+          </tr>
+          <tr>
+            <td><%= report.start_time  %></td>            
+            <td><%= report.total_duration  %></td>
+          </tr>
+        </table> 
+      </div>
+     </div>
+  <div class="summary_body">
+      <table class="StatTable">
         <tr>
-          <th></th>
+          <th>Summary</th>
           <th>Executed</th>
-          <th>Passed</th>
-          <th>Failed</th>
-          <th>Skipped</th>
-          <th>Undefined</th>
-          <th>Pending</th>
-          <th>Average<br/>Duration</th>
+	  <th class="passed"><img src="images/table_passed.png"> Passed</th>
+          <th class="failed"><img src="images/table_failed.png">Failed</th>
+          <th class="skipped"><img src="images/table_skipped.png">Skipped</th>
+          <th class="undefined"><img src="images/table_undefined.png">Undefined</th>
+          <th class="pending"><img src="images/table_pending.png">Pending</th>
+          <th>Average Duration</th>
         </tr>
-        <tr>
-          <td class="summary_row_header">Scenarios</td>
+        <tr class="summary_row_header">
+	  <td>Scenarios</td>
           <td><%= report.scenario_count %></td>
-          <td><%= report.scenarios_summary_for :passed %></td>
-          <td><%= report.scenarios_summary_for :failed %></td>
-          <td><%= report.scenarios_summary_for :skipped %></td>
-          <td><%= report.scenarios_summary_for :undefined %></td>
-          <td><%= report.scenarios_summary_for :pending %></td>
+          <td><%= raw(report.scenarios_summary_for :passed) %></td>
+          <td><%= raw(report.scenarios_summary_for :failed) %></td>
+          <td><%= raw(report.scenarios_summary_for :skipped) %></td>
+          <td><%= raw(report.scenarios_summary_for :undefined) %></td>
+          <td><%= raw(report.scenarios_summary_for :pending) %></td>
           <td><%= report.scenario_average_duration(report.features) %></td>
         </tr>
-        <tr>
-          <td class="summary_row_header">Steps</td>
+        <tr class="summary_row_header">
+          <td >Steps</td>
           <td><%= report.step_count %></td>
-          <td><%= report.steps_summary_for :passed %></td>
-          <td><%= report.steps_summary_for :failed %></td>
-          <td><%= report.steps_summary_for :skipped %></td>
-          <td><%= report.steps_summary_for :undefined %></td>
-          <td><%= report.steps_summary_for :pending %></td>
+          <td><%= raw(report.steps_summary_for :passed) %></td>
+          <td><%= raw(report.steps_summary_for :failed) %></td>
+          <td><%= raw(report.steps_summary_for :skipped) %></td>
+          <td><%= raw(report.steps_summary_for :undefined) %></td>
+          <td><%= raw(report.steps_summary_for :pending) %></td>
           <td><%= report.step_average_duration(report.features) %></td>
         </tr>
       </table>

data/lib/pretty_face/templates/style.css

@@ -9,58 +9,134 @@
  */
 
 body {
-  font-family: GeosansLightRegular,Arial,Helvetica,sans-serif;
+  font-family: Verdana,Helvetica,sans-serif;
   font-size: 1em;
+  color: #1A1A1A; 
+  max-width: 1500px;
 }
+
+
 a, a:visited {
-  color: #4B7CAB;
+  color: #0071BC;
+  text-decoration:none;
 }
-div {
-  padding: 5px;
+
+
+a:hover {
+    text-decoration:underline;
 }
+
 h2 {
   margin: 0;
+
+}
+
+.header_logo {
+    float: left;
+    width: 200;
+}
+
+.header_description {
+    float: right;
+    padding: 25px;
 }
+
+.run_stats{
+    font-size: 0.9em;
+}
+
+.run_stats td{
+    padding: 0 25px 0 0px;
+}
+
+.StatTable{
+cellspacing:10px;
+cellpadding: 10px;
+width: 100%;
+table-layout: fixed;
+background-color: #fff;
+border-collapse: separate;
+border-spacing: 6px;
+}
+
+.StatTable th {
+vertical-align: middle;
+background-color: #f7f0f0;
+padding: 6px;
+text-align: center;
+}
+
+.StatTable tr {background-color: #f9f9f9;}
+.StatTable th img {
+    vertical-align: middle;
+padding-right: 10px;
+}
+
+.StatTable td {padding: 10px; margin:10px}
+
+div.feature_background {
+  background-color:#f2f0f1;
+  border-top: 1px solid #d8d7d5;
+  clear:both;
+}
+div.scenario_list {
+	width: 60%;
+	margin:0 auto;
+	float: center;
+	background-color: white;
+	padding: 20px;
+	border-right: 1px solid #D8D7D5;
+	border-left: 1px solid #D8D7D5;
+}
+
 .summary_body {
-  width: 99%;
-  margin-top: 15px;
-  float: left;
-  -moz-border-radius: 15px;
-  border-radius: 15px;
-  background-color: #E0E0E0;
+  clear: both;
 }
 .summary_row_header {
-  text-align: left;
+  text-align: center;
   font-size: 1em;
-  font-weight: bold;
 }
 .summary td {
   font-size: 1em;
   text-align: center;
-  width: 150px;
 }
 .summary td:first-child {
   font-size: inherit;
   text-align: inherit;
   width: inherit;
 }
+.percentage {
+	color: #808080;
+	font-size: .6em;
+}
 
-.failed {
-  background-color: #C20000;
+th.failed {
+  background-color: #FF1D25;
   color: white;
-  border-color: #333333;
 }
-.passed {
-  background-color: #3d7700;
+
+th.passed {
+  background-color: #90c447;
   color: white;
 }
-.pending {
-  background-color: #faf834;
 
+th.pending {
+  background-color: #fbb03b;
+  color: white;
 }
-.undefined {
-  background-color: #e0ffff;
 
+th.undefined {
+  background-color: #2e3192;
+  color: white;
+}
+
+th.skipped {
+  background-color: #ed1e79;
+  color: white;
+}
+
+.skipped_step{
+    background-color: #F9CFE1;
 }
 .footer {
   width: 100%;
@@ -70,7 +146,8 @@ h2 {
   margin-top: 25px;
   font-family: Verdana;
   font-size: 1em;
-  color: white
+  color: white;
+  clear: both;
 }
 .failures {
   width: 100%;
@@ -112,15 +189,11 @@ table.scenario {
 }
 
 td.image_tag {
-  text-align: center;
+  text-align: left;
   vertical-align: text-top;
+  width: 30px;
 }
 .description {
-  border: 1px dotted #CCCCCC;
-  border-radius: 8px 8px 8px 8px;
-  box-shadow: 1px 1px 5px #DDDDDD;
-  line-height: 2em;
-  padding: 10px;
   width: 100%;
   font-family: inherit
 }
@@ -159,8 +232,8 @@ td.image_tag {
 }
 
 .error {
-  color: #C20000;
-  background-color: #FFFBD3;
+  color: black;
+  background-color: #f9e708;
   border-color: #eed3d7;
 }
 
@@ -175,8 +248,6 @@ td.image_tag {
   font-weight: normal;
 }
 
-
-
 .ruby {
   font-size: 12px;
   font-family: monospace;

data/lib/pretty_face/version.rb

@@ -1,3 +1,3 @@
 module PrettyFace
-  VERSION = "0.5"
+  VERSION = "0.6"
 end

data/spec/lib/html_formatter_spec.rb

@@ -35,31 +35,31 @@ describe PrettyFace::Formatter::Html do
     it "should keep track of passing scenarios" do
       step_mother.should_receive(:scenarios).with(:passed).and_return([1,2])
       step_mother.should_receive(:scenarios).and_return([1,2])
-      formatter.scenarios_summary_for(:passed).should == "2 (100.0%)"
+      formatter.scenarios_summary_for(:passed).should == "2 <span class=\"percentage\">(100.0%)</span>"
     end
 
     it "should keep track of failing scenarios" do
       step_mother.should_receive(:scenarios).with(:failed).and_return([1,2])
       step_mother.should_receive(:scenarios).and_return([1,2])
-      formatter.scenarios_summary_for(:failed).should == "2 (100.0%)"
+      formatter.scenarios_summary_for(:failed).should == "2 <span class=\"percentage\">(100.0%)</span>"
     end
 
     it "should keep track of pending scenarios" do
       step_mother.should_receive(:scenarios).with(:pending).and_return([1,2])
       step_mother.should_receive(:scenarios).and_return([1,2])
-      formatter.scenarios_summary_for(:pending).should == "2 (100.0%)"
+      formatter.scenarios_summary_for(:pending).should == "2 <span class=\"percentage\">(100.0%)</span>"
     end
 
     it "should keep track of undefined scenarios" do
       step_mother.should_receive(:scenarios).with(:undefined).and_return([1,2])
       step_mother.should_receive(:scenarios).and_return([1,2])
-      formatter.scenarios_summary_for(:undefined).should == "2 (100.0%)"
+      formatter.scenarios_summary_for(:undefined).should == "2 <span class=\"percentage\">(100.0%)</span>"
     end
 
     it "should keep track of skipped scenarios" do
       step_mother.should_receive(:scenarios).with(:skipped).and_return([1,2])
       step_mother.should_receive(:scenarios).and_return([1,2])
-      formatter.scenarios_summary_for(:skipped).should == "2 (100.0%)"
+      formatter.scenarios_summary_for(:skipped).should == "2 <span class=\"percentage\">(100.0%)</span>"
     end
   end
 
@@ -72,31 +72,31 @@ describe PrettyFace::Formatter::Html do
     it "should keep track of passing steps" do
       step_mother.should_receive(:steps).with(:passed).and_return([1,2])
       step_mother.should_receive(:steps).and_return([1,2])
-      formatter.steps_summary_for(:passed).should == "2 (100.0%)"
+      formatter.steps_summary_for(:passed).should == "2 <span class=\"percentage\">(100.0%)</span>"
     end
 
     it "should keep track of failing steps" do
       step_mother.should_receive(:steps).with(:failed).and_return([1,2])
       step_mother.should_receive(:steps).and_return([1,2])
-      formatter.steps_summary_for(:failed).should == "2 (100.0%)"
+      formatter.steps_summary_for(:failed).should == "2 <span class=\"percentage\">(100.0%)</span>"
     end
 
     it "should keep track of skipped steps" do
       step_mother.should_receive(:steps).with(:skipped).and_return([1,2])
       step_mother.should_receive(:steps).and_return([1,2])
-      formatter.steps_summary_for(:skipped).should == "2 (100.0%)"
+      formatter.steps_summary_for(:skipped).should == "2 <span class=\"percentage\">(100.0%)</span>"
     end
 
     it "should keep track of pending steps" do
       step_mother.should_receive(:steps).with(:pending).and_return([1,2])
       step_mother.should_receive(:steps).and_return([1,2])
-      formatter.steps_summary_for(:pending).should == "2 (100.0%)"
+      formatter.steps_summary_for(:pending).should == "2 <span class=\"percentage\">(100.0%)</span>"
     end
 
     it "should keep track of undefined steps" do
       step_mother.should_receive(:steps).with(:undefined).and_return([1,2])
       step_mother.should_receive(:steps).and_return([1,2])
-      formatter.steps_summary_for(:undefined).should == "2 (100.0%)"
+      formatter.steps_summary_for(:undefined).should == "2 <span class=\"percentage\">(100.0%)</span>"
     end
   end
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: pretty_face
 version: !ruby/object:Gem::Version
-  version: '0.5'
+  version: '0.6'
 platform: ruby
 authors:
 - Jeffrey S. Morgan
@@ -12,7 +12,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-07-19 00:00:00.000000000 Z
+date: 2013-07-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -130,8 +130,6 @@ files:
 - features/support/env.rb
 - features/support/error_display.rb
 - features/support/hooks.rb
-- features/support/logo.png
-- features/support/pretty_face/blah.txt
 - fixtures/advanced.feature
 - fixtures/background.feature
 - fixtures/basic.feature
@@ -147,19 +145,19 @@ files:
 - lib/pretty_face/templates/_main_header.erb
 - lib/pretty_face/templates/_page_header.erb
 - lib/pretty_face/templates/_step.erb
-- lib/pretty_face/templates/face.jpg
-- lib/pretty_face/templates/failed.jpg
+- lib/pretty_face/templates/face.png
 - lib/pretty_face/templates/failed.png
 - lib/pretty_face/templates/feature.erb
 - lib/pretty_face/templates/main.erb
-- lib/pretty_face/templates/passed.jpg
 - lib/pretty_face/templates/passed.png
-- lib/pretty_face/templates/pending.jpg
 - lib/pretty_face/templates/pending.png
-- lib/pretty_face/templates/skipped.jpg
 - lib/pretty_face/templates/skipped.png
 - lib/pretty_face/templates/style.css
-- lib/pretty_face/templates/undefined.jpg
+- lib/pretty_face/templates/table_failed.png
+- lib/pretty_face/templates/table_passed.png
+- lib/pretty_face/templates/table_pending.png
+- lib/pretty_face/templates/table_skipped.png
+- lib/pretty_face/templates/table_undefined.png
 - lib/pretty_face/templates/undefined.png
 - lib/pretty_face/version.rb
 - pretty_face.gemspec
@@ -212,8 +210,6 @@ test_files:
 - features/support/env.rb
 - features/support/error_display.rb
 - features/support/hooks.rb
-- features/support/logo.png
-- features/support/pretty_face/blah.txt
 - spec/lib/customization_spec.rb
 - spec/lib/html_formatter_spec.rb
 - spec/spec_helper.rb