rspec-formatter-webkit 2.1.0

data/data/rspec-formatter-webkit/js/textmate-rspec.js

@@ -0,0 +1,402 @@
+/*
+ * RSpec WebKit Formatter javascript
+ * $Id$
+ * 
+ * Most of these functions were converted from Safari's Web Inspector, which is licensed 
+ * under the following terms:
+ * 
+ *   Copyright (C) 2007 Apple Inc.  All rights reserved.
+ *   
+ *   Redistribution and use in source and binary forms, with or without
+ *   modification, are permitted provided that the following conditions
+ *   are met:
+ *   
+ *   1.  Redistributions of source code must retain the above copyright
+ *       notice, this list of conditions and the following disclaimer. 
+ *   2.  Redistributions in binary form must reproduce the above copyright
+ *       notice, this list of conditions and the following disclaimer in the
+ *       documentation and/or other materials provided with the distribution. 
+ *   3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
+ *       its contributors may be used to endorse or promote products derived
+ *       from this software without specific prior written permission. 
+ *   
+ *   THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
+ *   EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+ *   WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+ *   DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
+ *   DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+ *   (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+ *   LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ *   ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+ *   (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
+ *   THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ * 
+ * All mistakes and modifications are (c) 2009 Michael Granger, and are distributed under
+ * the same terms as the original.
+ * 
+ */
+
+var polltimer = null;
+
+function fade_out_rect( ctx, x, y, w, h, a1, a2 ) {
+    ctx.save();
+
+    var gradient = ctx.createLinearGradient(x, y, x, y + h);
+    gradient.addColorStop(0.0, "rgba(0, 0, 0, " + (1.0 - a1) + ")");
+    gradient.addColorStop(0.8, "rgba(0, 0, 0, " + (1.0 - a2) + ")");
+    gradient.addColorStop(1.0, "rgba(0, 0, 0, 1.0)");
+
+    ctx.globalCompositeOperation = "destination-out";
+
+    ctx.fillStyle = gradient;
+    ctx.fillRect(x, y, w, h);
+
+    ctx.restore();
+}
+
+function draw_summary_graph( selector, segments ) {
+	var graphElement = $(selector).get( 0 );
+	var i = 0;
+	
+    if (!graphElement)
+        return;
+
+    if (!segments || !segments.length) {
+        segments = [{color: "white", value: 1}];
+        // this._showingEmptySummaryGraph = true;
+    } // else
+     //        delete this._showingEmptySummaryGraph;
+
+    // Calculate the total of all segments.
+    var total = 0;
+    for (i = 0; i < segments.length; ++i)
+        total += segments[i].value;
+
+    // Calculate the percentage of each segment, rounded to the nearest percent.
+    var percents = segments.map(function(s) {
+		return Math.max(Math.round(100 * s.value / total), 1);
+	});
+
+    // Calculate the total percentage.
+    var percentTotal = 0;
+    for (i = 0; i < percents.length; ++i)
+        percentTotal += percents[i];
+
+    // Make sure our percentage total is not greater-than 100, it can be greater
+    // if we rounded up for a few segments.
+    while (percentTotal > 100) {
+        for (i = 0; i < percents.length && percentTotal > 100; ++i) {
+            if (percents[i] > 1) {
+                --percents[i];
+                --percentTotal;
+            }
+        }
+    }
+
+    // Make sure our percentage total is not less-than 100, it can be less
+    // if we rounded down for a few segments.
+    while (percentTotal < 100) {
+        for (i = 0; i < percents.length && percentTotal < 100; ++i) {
+            ++percents[i];
+            ++percentTotal;
+        }
+    }
+
+    var ctx = graphElement.getContext("2d");
+
+    var x = 0;
+    var y = 0;
+    var w = 450;
+    var h = 19;
+    var r = (h / 2);
+
+    function drawPillShadow()
+    {
+        // This draws a line with a shadow that is offset away from the line. The line is stroked
+        // twice with different X shadow offsets to give more feathered edges. Later we erase the
+        // line with destination-out 100% transparent black, leaving only the shadow. This only
+        // works if nothing has been drawn into the canvas yet.
+
+        ctx.beginPath();
+        ctx.moveTo(x + 4, y + h - 3 - 0.5);
+        ctx.lineTo(x + w - 4, y + h - 3 - 0.5);
+        ctx.closePath();
+
+        ctx.save();
+
+        ctx.shadowBlur = 2;
+        ctx.shadowColor = "rgba(0, 0, 0, 0.5)";
+        ctx.shadowOffsetX = 3;
+        ctx.shadowOffsetY = 5;
+
+        ctx.strokeStyle = "white";
+        ctx.lineWidth = 1;
+
+        ctx.stroke();
+
+        ctx.shadowOffsetX = -3;
+
+        ctx.stroke();
+
+        ctx.restore();
+
+        ctx.save();
+
+        ctx.globalCompositeOperation = "destination-out";
+        ctx.strokeStyle = "rgba(0, 0, 0, 1)";
+        ctx.lineWidth = 1;
+
+        ctx.stroke();
+
+        ctx.restore();
+    }
+
+    function drawPill()
+    {
+        // Make a rounded rect path.
+        ctx.beginPath();
+        ctx.moveTo(x, y + r);
+        ctx.lineTo(x, y + h - r);
+        ctx.quadraticCurveTo(x, y + h, x + r, y + h);
+        ctx.lineTo(x + w - r, y + h);
+        ctx.quadraticCurveTo(x + w, y + h, x + w, y + h - r);
+        ctx.lineTo(x + w, y + r);
+        ctx.quadraticCurveTo(x + w, y, x + w - r, y);
+        ctx.lineTo(x + r, y);
+        ctx.quadraticCurveTo(x, y, x, y + r);
+        ctx.closePath();
+
+        // Clip to the rounded rect path.
+        ctx.save();
+        ctx.clip();
+
+        // Fill the segments with the associated color.
+        var previousSegmentsWidth = 0;
+        for (var i = 0; i < segments.length; ++i) {
+            var segmentWidth = Math.round(w * percents[i] / 100);
+            ctx.fillStyle = segments[i].color;
+            ctx.fillRect(x + previousSegmentsWidth, y, segmentWidth, h);
+            previousSegmentsWidth += segmentWidth;
+        }
+
+        // Draw the segment divider lines.
+        ctx.lineWidth = 1;
+        for (i = 1; i < 20; ++i) {
+            ctx.beginPath();
+            ctx.moveTo(x + (i * Math.round(w / 20)) + 0.5, y);
+            ctx.lineTo(x + (i * Math.round(w / 20)) + 0.5, y + h);
+            ctx.closePath();
+
+            ctx.strokeStyle = "rgba(0, 0, 0, 0.2)";
+            ctx.stroke();
+
+            ctx.beginPath();
+            ctx.moveTo(x + (i * Math.round(w / 20)) + 1.5, y);
+            ctx.lineTo(x + (i * Math.round(w / 20)) + 1.5, y + h);
+            ctx.closePath();
+
+            ctx.strokeStyle = "rgba(255, 255, 255, 0.2)";
+            ctx.stroke();
+        }
+
+        // Draw the pill shading.
+        var lightGradient = ctx.createLinearGradient(x, y, x, y + (h / 1.5));
+        lightGradient.addColorStop(0.0, "rgba(220, 220, 220, 0.6)");
+        lightGradient.addColorStop(0.4, "rgba(220, 220, 220, 0.2)");
+        lightGradient.addColorStop(1.0, "rgba(255, 255, 255, 0.0)");
+
+        var darkGradient = ctx.createLinearGradient(x, y + (h / 3), x, y + h);
+        darkGradient.addColorStop(0.0, "rgba(0, 0, 0, 0.0)");
+        darkGradient.addColorStop(0.8, "rgba(0, 0, 0, 0.2)");
+        darkGradient.addColorStop(1.0, "rgba(0, 0, 0, 0.5)");
+
+        ctx.fillStyle = darkGradient;
+        ctx.fillRect(x, y, w, h);
+
+        ctx.fillStyle = lightGradient;
+        ctx.fillRect(x, y, w, h);
+
+        ctx.restore();
+    }
+
+    ctx.clearRect(x, y, w, (h * 2));
+
+    drawPillShadow();
+    drawPill();
+
+    ctx.save();
+
+    ctx.translate(0, (h * 2) + 1);
+    ctx.scale(1, -1);
+
+    drawPill();
+
+    ctx.restore();
+
+    fade_out_rect(ctx, x, y + h + 1, w, h, 0.5, 0.0);
+}
+
+
+function draw_swatch( canvas, color ) {
+    var ctx = canvas.getContext("2d");
+
+    function draw_swatch_square() {
+        ctx.fillStyle = color;
+        ctx.fillRect(0, 0, 13, 13);
+
+        var gradient = ctx.createLinearGradient(0, 0, 13, 13);
+        gradient.addColorStop(0.0, "rgba(255, 255, 255, 0.2)");
+        gradient.addColorStop(1.0, "rgba(255, 255, 255, 0.0)");
+
+        ctx.fillStyle = gradient;
+        ctx.fillRect(0, 0, 13, 13);
+
+        gradient = ctx.createLinearGradient(13, 13, 0, 0);
+        gradient.addColorStop(0.0, "rgba(0, 0, 0, 0.2)");
+        gradient.addColorStop(1.0, "rgba(0, 0, 0, 0.0)");
+
+        ctx.fillStyle = gradient;
+        ctx.fillRect(0, 0, 13, 13);
+
+        ctx.strokeStyle = "rgba(0, 0, 0, 0.6)";
+        ctx.strokeRect(0.5, 0.5, 12, 12);
+    }
+
+    ctx.clearRect(0, 0, 13, 24);
+
+    draw_swatch_square();
+
+    ctx.save();
+
+    ctx.translate(0, 25);
+    ctx.scale(1, -1);
+
+    draw_swatch_square();
+
+    ctx.restore();
+
+    fade_out_rect(ctx, 0, 13, 13, 13, 0.5, 0.0);
+}
+
+
+function make_legend_element( label, value, color ) {
+    var legendElement = document.createElement("label");
+    legendElement.className = "rspec-graph-legend-item " + label.replace(/\W+/g, '-');
+
+    if (color) {
+        var swatch = document.createElement("canvas");
+        swatch.className = "rspec-graph-legend-swatch";
+        swatch.setAttribute("width", "13");
+        swatch.setAttribute("height", "24");
+
+        legendElement.appendChild(swatch);
+
+        draw_swatch(swatch, color);
+    }
+
+    var labelElement = document.createElement("div");
+    labelElement.className = "rspec-graph-legend-label";
+    legendElement.appendChild(labelElement);
+
+    var headerElement = document.createElement("div");
+    headerElement.className = "rspec-graph-legend-header";
+    headerElement.textContent = label;
+    labelElement.appendChild(headerElement);
+
+    var valueElement = document.createElement("div");
+    valueElement.className = "rspec-graph-legend-value";
+    valueElement.textContent = value;
+    labelElement.appendChild(valueElement);
+
+    return legendElement;
+}
+
+
+function update_summary_graph() {
+	var total = $('#spec-count').eq(0).text();
+	var graphInfo = {
+		passed: $('.spec.passed'),
+		pending: $('.spec.pending'),
+		failed: $('.spec.failed'),
+		'pending:fixed': $('.spec.pending-fixed'),
+		total: parseInt( total, 10 )
+	};
+
+    var categoryOrder = ["passed", "pending", "pending:fixed", "failed"];
+	var categoryColors = {
+		passed: {r: 0, g: 157, b: 37},            // #009D25
+		pending: {r: 227, g: 184, b: 0},          // #E3B800
+		'pending:fixed': {r: 9, g: 60, b: 226},   // #093CE2
+		failed: {r: 192, g: 0, b: 0}              // #C00000
+	};
+    var fillSegments = [];
+	var doneCount = 0;
+
+	var legendElement = $( '#rspec-summary-graph-legend' );
+	legendElement.empty();
+
+	jQuery.each( categoryOrder, function(i, val) {
+        var category = categoryOrder[i];
+        var size = graphInfo[ category ].length;
+        if (!size) return true;
+		doneCount += size;
+
+        var color = categoryColors[category];
+        var colorString = "rgb(" + color.r + ", " + color.g + ", " + color.b + ")";
+
+        var fillSegment = {color: colorString, value: size};
+        fillSegments.push(fillSegment);
+
+        var legendLabel = make_legend_element( category, size, colorString );
+        legendElement.append( legendLabel );
+    });
+
+    if ( graphInfo.total ) {
+        var totalLegendLabel = make_legend_element( "remaining", graphInfo.total - doneCount );
+        // totalLegendLabel.addStyleClass( "total" );
+        legendElement.append( totalLegendLabel );
+		if ( doneCount < graphInfo.total ) {
+			var fillSegment = { color: 'rgb(254,254,254)', value: graphInfo.total - doneCount };
+			console.log( "Adding segment for examples yet to run: " + fillSegment.toString() );
+			fillSegments.push( fillSegment );
+		}
+    }
+
+	draw_summary_graph( '#rspec-summary-graph', fillSegments );
+}
+
+function toggle_spec_status() {
+	var status = $(this).attr( 'class' ).match( /(passed|pending(?:-fixed)?|failed)/ )[0];
+	console.log( "Looking for specs with class '" + status + "'." );
+	$(this).toggleClass( 'hidden' );
+	$( '.spec.' + status ).toggle('fast');
+}
+
+function hook_legend_clickables() {
+	$('label.passed').click( toggle_spec_status );
+	$('label.pending').click( toggle_spec_status );
+	$('label.pending-fixed').click( toggle_spec_status );
+	$('label.failed').click( toggle_spec_status );
+}
+
+function hook_log_clickables() {
+	$('.spec:has(div.log-messages)').each( function() {
+		$(this).addClass( 'logged' );
+	}).find( '.spec-name' ).click( function(e) {
+		$(this).parent().find('div.log-messages').toggle();
+	});
+}
+
+$(document).ready(function() {
+	console.log( "Document is ready." );
+	clearInterval( polltimer );
+
+	$('#rspec-summary-stats').html( 'Finished in ' + $('#summary .duration').html() );
+	
+	update_summary_graph();
+	hook_legend_clickables();
+	hook_log_clickables();
+});
+
+polltimer = setInterval( update_summary_graph, 250 );
+

data/data/rspec-formatter-webkit/templates/failed.rhtml

@@ -0,0 +1,35 @@
+
+<dd class="spec failed">
+	<span class="spec-name"><%= h(example.description) %></span>
+  <div class="failure" id="failure-<%= counter %>">
+
+    <div class="message">Failure/Error: 
+        <code><%= h read_failed_line(exception, example).strip.gsub(/\n/, '<br />') %><br />
+%        exception.message.split("\n").each do |line|
+        <%= h line %><br />
+%        end
+%        example.example_group.ancestors.push(example.example_group).each do |group|
+%          if group.metadata[:shared_group_name]
+            Shared Example Group: "<%= h group.metadata[:shared_group_name] %>" called from 
+                        "<%= backtrace_line(group.metadata[:example_group][:location]) %>
+%            break
+%          end
+%        end
+    		</code>
+		</div>
+
+	<div class="backtrace"><p><code>
+%     format_backtrace(exception.backtrace, example).each do |backtrace_info|
+        <span class="backtrace-frame"><%= backtrace_info %></span><br />
+%     end
+	</code></p></div>
+  <%= extra %>
+  </div>
+
+% unless log_messages.nil? || log_messages.empty?
+  <div class="log-messages">
+<%= log_messages.join("\n") %>
+  </div>
+% end
+</dd>
+

data/data/rspec-formatter-webkit/templates/footer.rhtml

@@ -0,0 +1,9 @@
+	</div> 
+
+	<div id="summary">
+		<p><%= example_count %> examples run in <span class="duration"><%= duration %>
+			 seconds</span>. <%= failure_count %> failed, <%= pending_count %> are pending.</p>
+	</div>
+	
+</body> 
+</html>

data/data/rspec-formatter-webkit/templates/header.rhtml

@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
+<head> 
+	<title>RSpec results</title> 
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
+	<meta http-equiv="Expires" content="-1" /> 
+	<meta http-equiv="Pragma" content="no-cache" /> 
+
+	<base href="<%= BASE_HREF %>" />
+
+	<link rel="stylesheet" href="css/textmate-rspec.css" type="text/css" media="screen" 
+		title="no title" charset="utf-8" />
+
+	<script type="text/javascript" charset="utf-8" src="js/jquery-1.4.2.min.js"></script>
+	<script type="text/javascript" charset="utf-8" src="js/textmate-rspec.js"></script> 
+</head> 
+<body> 
+	<div class="rspec-report"> 
+ 
+		<div id="rspec-header"> 
+			<div id="rspec-title-section">
+		    <h1>RSpec Results:</h1> 
+				<span id="rspec-summary-stats">Running (<span id="spec-count"><%= example_count %></span> 
+					examples)...</span>
+			</div>
+			
+		  <div id="rspec-summary"> 
+				<canvas width="450" height="38" id="rspec-summary-graph"></canvas>
+				<div id="rspec-summary-graph-legend"></div>
+			</div> 
+		</div> 
+
+		<div id="rspec-details"> 

data/data/rspec-formatter-webkit/templates/page.rhtml

@@ -0,0 +1,131 @@
+			<div class="example-group"> 
+				<dl> 
+					<dt id="example-group-1">Treequel::Filter</dt> 
+					<dd class="spec passed"><span class="spec-name">knows that it is promiscuous (will match any entry) if its component is promiscuous</span></dd> 
+					<dd class="spec passed"><span class="spec-name">knows that it isn't promiscuous if its component isn't promiscuous</span></dd> 
+					<dd class="spec passed"><span class="spec-name">defaults to selecting everything</span></dd> 
+					<dd class="spec passed"><span class="spec-name">can be created from a string literal</span></dd> 
+					<dd class="spec passed"><span class="spec-name">wraps string literal instances in parens if it requires them</span></dd> 
+					<dd class="spec passed"><span class="spec-name">parses a single Symbol argument as a presence filter</span></dd> 
+					<dd class="spec passed"><span class="spec-name">parses a single-element Array with a Symbol as a presence filter</span></dd> 
+					<dd class="spec passed"><span class="spec-name">parses a Symbol+value pair as a simple item equal filter</span></dd> 
+					<dd class="spec passed"><span class="spec-name">parses a Symbol+value pair in an Array as a simple item equal filter</span></dd> 
+					<dd class="spec passed"><span class="spec-name">parses an AND expression with only a single clause</span></dd> 
+					<dd class="spec passed"><span class="spec-name">parses an AND expression with multiple clauses</span></dd> 
+					<dd class="spec passed"><span class="spec-name">parses an OR expression with only a single clause</span></dd> 
+					<dd class="spec passed"><span class="spec-name">parses an OR expression with multiple clauses</span></dd> 
+					<dd class="spec passed"><span class="spec-name">parses an OR expression with String literal clauses</span></dd> 
+					<dd class="spec passed"><span class="spec-name">parses the hash form of OR expression</span></dd> 
+					<dd class="spec passed"><span class="spec-name">parses a NOT expression with only a single clause</span></dd> 
+					<dd class="spec passed"><span class="spec-name">raises an exception with a NOT expression that contains more than one clause</span></dd> 
+					<dd class="spec passed"><span class="spec-name">parses a Substring item from a filter that includes an asterisk</span></dd> 
+					<dd class="spec passed"><span class="spec-name">parses a Present item from a filter that is only an asterisk</span></dd> 
+					<dd class="spec passed"><span class="spec-name">raises an error when an extensible item filter is given</span></dd> 
+					<dd class="spec passed"><span class="spec-name">parses a complex nested expression</span></dd> 
+				</dl> 
+			</div> 
+			<div class="example-group"> 
+				<dl> 
+					<dt id="example-group-2">Treequel::Filter operator methods</dt> 
+					<dd class="spec passed"><span class="spec-name">compares as equal with another filter if their components are equal</span></dd> 
+					<dd class="spec passed"><span class="spec-name">creates a new AND filter out of two filters that are added together</span></dd> 
+					<dd class="spec passed"><span class="spec-name">creates a new AND filter out of two filters that are bitwise-ANDed together</span></dd> 
+					<dd class="spec passed"><span class="spec-name">doesn't include the left operand in an AND filter if it is promiscuous</span></dd> 
+					<dd class="spec passed"><span class="spec-name">doesn't include the right operand in an AND filter if it is promiscuous</span></dd> 
+				</dl> 
+			</div> 
+			<div class="example-group"> 
+				<dl> 
+					<dt id="example-group-3">Treequel::Filter components: Treequel::Filter::FilterList</dt> 
+					<dd class="spec passed"><span class="spec-name">stringifies by joining its stringified members</span></dd> 
+				</dl> 
+			</div> 
+			<div class="example-group"> 
+				<dl> 
+					<dt id="example-group-4">Treequel::Filter components: Treequel::Filter::Component</dt> 
+					<dd class="spec passed"><span class="spec-name">is an abstract class</span></dd> 
+					<dd class="spec passed"><span class="spec-name">is non-promiscuous by default</span></dd> 
+				</dl> 
+			</div> 
+			<div class="example-group"> 
+				<dl> 
+					<dt id="example-group-5">Treequel::Filter components: Treequel::Filter::SimpleItemComponent</dt> 
+					<dd class="spec passed"><span class="spec-name">can parse a component object from a string literal</span></dd> 
+					<dd class="spec passed"><span class="spec-name">raises an ExpressionError if it can't parse a string literal</span></dd> 
+					<dd class="spec passed"><span class="spec-name">uses the 'equal' operator if none is specified</span></dd> 
+					<dd class="spec passed"><span class="spec-name">knows what the appropriate operator is for its filtertype</span></dd> 
+					<dd class="spec passed"><span class="spec-name">knows what the appropriate operator is for its filtertype even if it's set to a string</span></dd> 
+					<dd class="spec passed"><span class="spec-name">stringifies as &lt;attribute&gt;&lt;operator&gt;&lt;value&gt;</span></dd> 
+					<dd class="spec passed"><span class="spec-name">uses the '~=' operator if its filtertype is 'approx'</span></dd> 
+					<dd class="spec passed"><span class="spec-name">uses the '&gt;=' operator if its filtertype is 'greater'</span></dd> 
+					<dd class="spec pending"><span class="spec-name">uses the '&lt;=' operator if its filtertype is 'less' (PENDING: Because I can)</span></dd> 
+					<dd class="spec passed"><span class="spec-name">raises an error if it's created with an unknown filtertype</span></dd> 
+				</dl> 
+			</div> 
+			<div class="example-group"> 
+				<dl> 
+					<dt id="example-group-6">Treequel::Filter components: Treequel::Filter::SubstringItemComponent</dt> 
+					<dd class="spec failed"> 
+						<span class="spec-name">can parse a component object from a string literal</span> 
+						<div class="failure" id="failure-1"> 
+							<div class="message"><code>undefined local variable or method `saadsdf' for #&lt;Spec::Example::ExampleGroup::Subclass_1::Subclass_2::Subclass_4:0x1b343d0&gt;</code></div> 
+							<div class="backtrace">
+								<code><a href="txmt://open?url=file:///Users/ged/source/ruby/Treequel/spec/treequel/filter_spec.rb&amp;line=296">/Users/ged/source/ruby/Treequel/spec/treequel/filter_spec.rb:296</a> -:3</code></div> 
+								<pre class="ruby"><code>
+<span class="linenum">294</span>				<span class="ident">comp</span><span class="punct">.</span><span class="ident">attribute</span><span class="punct">.</span><span class="ident">should</span> <span class="punct">==</span> <span class="punct">'</span><span class="string">description</span><span class="punct">'</span> 
+<span class="linenum">295</span>				<span class="ident">comp</span><span class="punct">.</span><span class="ident">options</span><span class="punct">.</span><span class="ident">should</span>   <span class="punct">==</span> <span class="punct">'</span><span class="string"></span><span class="punct">'</span> 
+<span class="offending"><span class="linenum">296</span>				<span class="ident">saadsdf</span></span> 
+<span class="linenum">297</span>				<span class="ident">comp</span><span class="punct">.</span><span class="ident">pattern</span><span class="punct">.</span><span class="ident">should</span>   <span class="punct">==</span> <span class="punct">'</span><span class="string">*basecamp*</span><span class="punct">'</span> 
+<span class="linenum">298</span>			<span class="keyword">end</span>
+								</code></pre> 
+							</div> 
+						</dd> 
+						<dd class="spec passed"><span class="spec-name">can parse a component object from a string literal with attribute options</span></dd> 
+						<dd class="spec passed"><span class="spec-name">raises an ExpressionError if it can't parse a string literal</span></dd> 
+					</dl> 
+				</div> 
+				<div class="example-group"> 
+					<dl> 
+						<dt id="example-group-7">Treequel::Filter components: Treequel::Filter::AndComponent</dt> 
+						<dd class="spec passed"><span class="spec-name">stringifies as its filters ANDed together</span></dd> 
+						<dd class="spec passed"><span class="spec-name">allows a single filter</span></dd> 
+					</dl> 
+				</div> 
+				<div class="example-group"> 
+					<dl> 
+						<dt id="example-group-8">Treequel::Filter components: Treequel::Filter::OrComponent</dt> 
+						<dd class="spec passed"><span class="spec-name">stringifies as its filters ORed together</span></dd> 
+						<dd class="spec failed"> 
+							<span class="spec-name">allows a single filter</span> 
+							<div class="failure" id="failure-2"> 
+								<div class="message"><code>undefined local variable or method `sdsdf' for #&lt;Spec::Example::ExampleGroup::Subclass_1::Subclass_2::Subclass_6:0x1af8308&gt;</code></div> 
+								<div class="backtrace"><code><a href="txmt://open?url=file:///Users/ged/source/ruby/Treequel/spec/treequel/filter_spec.rb&amp;line=335">/Users/ged/source/ruby/Treequel/spec/treequel/filter_spec.rb:335</a> -:3</code></div> 
+								<pre class="ruby"><code>
+<span class="linenum">333</span> 
+<span class="linenum">334</span>			<span class="ident">it</span> <span class="punct">&quot;</span><span class="string">allows a single filter</span><span class="punct">&quot;</span> <span class="keyword">do</span> 
+<span class="offending"><span class="linenum">335</span>				<span class="ident">sdsdf</span></span> 
+<span class="linenum">336</span>				<span class="constant">Treequel</span><span class="punct">::</span><span class="constant">Filter</span><span class="punct">::</span><span class="constant">OrComponent</span><span class="punct">.</span><span class="ident">new</span><span class="punct">(</span> <span class="attribute">@filter1</span> <span class="punct">).</span><span class="ident">to_s</span><span class="punct">.</span> 
+<span class="linenum">337</span>					<span class="ident">should</span> <span class="punct">==</span> <span class="punct">'</span><span class="string">|(filter1)</span><span class="punct">'</span>
+								</code></pre> 
+							</div> 
+						</dd> 
+					</dl> 
+				</div> 
+				<div class="example-group"> 
+					<dl> 
+						<dt id="example-group-9">Treequel::Filter components: Treequel::Filter::NotComponent</dt> 
+						<dd class="spec passed"><span class="spec-name">stringifies as the negation of its filter</span></dd> 
+						<dd class="spec passed"><span class="spec-name">can't be created with multiple filters</span></dd> 
+					</dl> 
+				</div> 
+				<div class="example-group"> 
+					<dl> 
+						<dt id="example-group-10">Treequel::Filter support for Sequel expressions</dt> 
+						<dd class="spec passed"><span class="spec-name">supports the boolean expression syntax</span></dd> 
+					</dl> 
+				</div> 
+			</div> 
+		</div> 
+		
+	</body> 
+	</html>

data/data/rspec-formatter-webkit/templates/passed.rhtml

@@ -0,0 +1,10 @@
+<dd class="spec passed">
+	<span class="spec-name"><%= h(example.description) %></span>
+
+% unless log_messages.nil? || log_messages.empty?
+  <div class="log-messages">
+<%= log_messages.join("\n") %>
+  </div>
+% end
+</dd>
+

data/data/rspec-formatter-webkit/templates/pending-fixed.rhtml

@@ -0,0 +1,25 @@
+
+<dd class="spec pending-fixed">
+	<span class="spec-name"><%= h(example.description) %></span>
+  <div class="failure" id="failure-<%= counter %>">
+
+    <div class="message">Expected pending 
+        <code><%= h(example.metadata[:execution_result][:pending_message]) %></code>
+        to fail. No Error was raised.
+    </div>
+
+		<div class="backtrace"><p><code>
+%     format_backtrace(exception.backtrace, example).each do |backtrace_info|
+	        <span class="backtrace-frame"><%= backtrace_info %></span><br />
+%     end
+		</code></p></div>
+    <%= extra %>
+	</div>
+
+% unless log_messages.nil? || log_messages.empty?
+  <div class="log-messages">
+<%= log_messages.join("\n") %>
+  </div>
+% end
+</dd>
+

data/data/rspec-formatter-webkit/templates/pending.rhtml

@@ -0,0 +1,14 @@
+
+<dd class="spec pending">
+	<span class="spec-name"><%= h(example.description) %></span>
+  <span class="pending-message">
+		(Pending <%= example.execution_result[:pending_message] %>)
+	</span>
+
+% unless log_messages.nil? || log_messages.empty?
+  <div class="log-messages">
+<%= log_messages.join("\n") %>
+  </div>
+% end
+</dd>
+