class RSpec::Core::Formatters::HtmlFormatter

def current_indentation

def current_indentation
  "style=\"margin-left: #{(example_group.ancestors.size - 1) * 15}px;\""
end

def dump_failures

def dump_failures
end

def dump_pending

def dump_pending
end

def dump_summary(duration, example_count, failure_count, pending_count)

def dump_summary(duration, example_count, failure_count, pending_count)
  # TODO - kill dry_run?
  if dry_run?
    totals = "This was a dry-run"
  else
    totals =  "#{example_count} example#{'s' unless example_count == 1}, "
    totals << "#{failure_count} failure#{'s' unless failure_count == 1}"
    totals << ", #{pending_count} pending" if pending_count > 0
  end
  @output.puts "<script type=\"text/javascript\">document.getElementById('duration').innerHTML = \"Finished in <strong>#{duration} seconds</strong>\";</script>"
  @output.puts "<script type=\"text/javascript\">document.getElementById('totals').innerHTML = \"#{totals}\";</script>"
  @output.puts "</div>"
  @output.puts "</div>"
  @output.puts "</body>"
  @output.puts "</html>"
  @output.flush
end

def example_failed(example)

def example_failed(example)
  super(example)
  exception = example.metadata[:execution_result][:exception]
  extra = extra_failure_content(exception)
  failure_style = RSpec::Core::PendingExampleFixedError === exception ? 'pending_fixed' : 'failed'
  @output.puts "    <script type=\"text/javascript\">makeRed('rspec-header');</script>" unless @header_red
  @header_red = true
  @output.puts "    <script type=\"text/javascript\">makeRed('div_group_#{example_group_number}');</script>" unless @example_group_red
  @output.puts "    <script type=\"text/javascript\">makeRed('example_group_#{example_group_number}');</script>" unless @example_group_red
  @example_group_red = true
  move_progress
  @output.puts "    <dd class=\"example #{failure_style}\">"
  @output.puts "      <span class=\"failed_spec_name\">#{h(example.description)}</span>"
  @output.puts "      <div class=\"failure\" id=\"failure_#{@failed_examples.size}\">"
  @output.puts "        <div class=\"message\"><pre>#{h(exception.message)}</pre></div>" unless exception.nil?
  @output.puts "        <div class=\"backtrace\"><pre>#{format_backtrace(exception.backtrace, example).join("\n")}</pre></div>" if exception
  @output.puts extra unless extra == ""
  @output.puts "      </div>"
  @output.puts "    </dd>"
  @output.flush
end

def example_group_number

The number of the currently running example_group
def example_group_number
  @example_group_number
end

def example_group_started(example_group)

def example_group_started(example_group)
  super(example_group)
  @example_group_red = false
  @example_group_number += 1
  unless example_group_number == 1
    @output.puts "  </dl>"
    @output.puts "</div>"
  end
  @output.puts "<div id=\"div_group_#{example_group_number}\" class=\"example_group passed\">"
  @output.puts "  <dl #{current_indentation}>"
  @output.puts "  <dt id=\"example_group_#{example_group_number}\" class=\"passed\">#{h(example_group.description)}</dt>"
  @output.flush
end

def example_number

The number of the currently running example (a global counter)
def example_number
  @example_number
end

def example_passed(example)

def example_passed(example)
  move_progress
  @output.puts "    <dd class=\"example passed\"><span class=\"passed_spec_name\">#{h(example.description)}</span></dd>"
  @output.flush
end

def example_pending(example)

def example_pending(example)
  message = example.metadata[:execution_result][:pending_message]
  @output.puts "    <script type=\"text/javascript\">makeYellow('rspec-header');</script>" unless @header_red
  @output.puts "    <script type=\"text/javascript\">makeYellow('div_group_#{example_group_number}');</script>" unless @example_group_red
  @output.puts "    <script type=\"text/javascript\">makeYellow('example_group_#{example_group_number}');</script>" unless @example_group_red
  move_progress
  @output.puts "    <dd class=\"example not_implemented\"><span class=\"not_implemented_spec_name\">#{h(example.description)} (PENDING: #{h(message)})</span></dd>"
  @output.flush
end

def example_started(example)

def example_started(example)
  super(example)
  @example_number += 1
end

def extra_failure_content(exception)


could output links to images or other files produced during the specs.
Override this method if you wish to output extra HTML for a failed spec. For example, you
def extra_failure_content(exception)
  require 'rspec/core/formatters/snippet_extractor'
  @snippet_extractor ||= SnippetExtractor.new
  "    <pre class=\"ruby\"><code>#{@snippet_extractor.snippet(exception)}</code></pre>"
end

def global_scripts

def global_scripts
  <<-EOF
 addClass(element_id, classname) {
nt.getElementById(element_id).className += (" " + classname);
 removeClass(element_id, classname) {
em = document.getElementById(element_id);
asslist = elem.className.replace(classname,'');
lassName = classlist;
 moveProgressBar(percentDone) {
nt.getElementById("rspec-header").style.width = percentDone +"%";
 makeRed(element_id) {
Class(element_id, 'passed');
Class(element_id, 'not_implemented');
ss(element_id,'failed');
 makeYellow(element_id) {
em = document.getElementById(element_id);
em.className.indexOf("failed") == -1) {  // class doesn't includes failed
elem.className.indexOf("not_implemented") == -1) { // class doesn't include not_implemented
moveClass(element_id, 'passed');
dClass(element_id,'not_implemented');
 apply_filters() {
ssed_filter = document.getElementById('passed_checkbox').checked;
iled_filter = document.getElementById('failed_checkbox').checked;
nding_filter = document.getElementById('pending_checkbox').checked;
_display_style("example passed", passed_filter);
_display_style("example failed", failed_filter);
_display_style("example not_implemented", pending_filter);
_display_style_for_group("example_group passed", passed_filter);
_display_style_for_group("example_group not_implemented", pending_filter, pending_filter || passed_filter);
_display_style_for_group("example_group failed", failed_filter, failed_filter || pending_filter || passed_filter);
 get_display_style(display_flag) {
yle_mode = 'none';
splay_flag == true) {
e_mode = 'block';
 style_mode;
 assign_display_style(classname, display_flag) {
yle_mode = get_display_style(display_flag);
ems = document.getElementsByClassName(classname)
ar i=0; i<elems.length;i++) {
s[i].style.display = style_mode;
 assign_display_style_for_group(classname, display_flag, subgroup_flag) {
splay_style_mode = get_display_style(display_flag);
bgroup_style_mode = get_display_style(subgroup_flag);
ems = document.getElementsByClassName(classname)
ar i=0; i<elems.length;i++) {
style_mode = display_style_mode;
(display_flag != subgroup_flag) && (elems[i].getElementsByTagName('dt')[0].innerHTML.indexOf(", ") != -1)) {
ems[i].style.display = subgroup_style_mode;
se {
ems[i].style.display = display_style_mode;
end

def global_styles

def global_styles
  <<-EOF
eader {
ound: #65C400; color: #fff; height: 4em;
eport h1 {
: 0px 10px 0px 10px;
g: 10px;
amily: "Lucida Grande", Helvetica, sans-serif;
ize: 1.8em;
on: absolute;

left;
-filters {
left;
g: 28px 0 0 40%;
amily: "Lucida Grande", Helvetica, sans-serif;
 {
right;
g: 5px 10px;
amily: "Lucida Grande", Helvetica, sans-serif;
lign: right;
 p {
: 0 0 0 2px;
 #totals {
ize: 1.2em;
_group {
: 0 10px 5px;
ound: #fff;
: 0; padding: 0 0 5px;
normal 11px "Lucida Grande", Helvetica, sans-serif;
g: 3px;
ound: #65C400;
 #fff;
eight: bold;
: 5px 0 5px 5px;
g: 3px 3px 3px 18px;
le.passed {
-left: 5px solid #65C400;
-bottom: 1px solid #65C400;
ound: #DBFFB4; color: #3D7700;
le.not_implemented {
-left: 5px solid #FAF834;
-bottom: 1px solid #FAF834;
ound: #FCFB98; color: #131313;
le.pending_fixed {
-left: 5px solid #0000C2;
-bottom: 1px solid #0000C2;
 #0000C2; background: #D3FBFF;
le.failed {
-left: 5px solid #C20000;
-bottom: 1px solid #C20000;
 #C20000; background: #FFFBD3;
mplemented {
 #000000; background: #FAF834;
ng_fixed {
 #FFFFFF; background: #C40D0D;
d {
 #FFFFFF; background: #C40D0D;
eader.not_implemented {
 #000000; background: #FAF834;
eader.pending_fixed {
 #FFFFFF; background: #C40D0D;
eader.failed {
 #FFFFFF; background: #C40D0D;
ce {
 #000;
ize: 12px;
 #BE5C00;
code, style similar to vibrant ink */
ize: 12px;
amily: monospace;
 white;
ound-color: black;
g: 0.1em 0 0.2em 0;
eyword { color: #FF6600; }
onstant { color: #339999; }
ttribute { color: white; }
lobal { color: white; }
odule { color: white; }
lass { color: white; }
tring { color: #66FF00; }
dent { color: white; }
ethod { color: #FFCC00; }
umber { color: white; }
har { color: white; }
omment { color: #9933CC; }
ymbol { color: white; }
egex { color: #44B4CC; }
unct { color: white; }
scape { color: white; }
nterp { color: white; }
xpr { color: white; }
ffending { background-color: gray; }
inenum {
 75px;
g: 0.1em 1em 0.2em 0;
 #000000;
ound-color: #FFFBD3;
end

def html_header

def html_header
  <<-EOF
rsion="1.0" encoding="UTF-8"?>
E html
 "-//W3C//DTD XHTML 1.0 Strict//EN"
//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
lns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
>RSpec results</title>
http-equiv="Content-Type" content="text/html; charset=utf-8" />
http-equiv="Expires" content="-1" />
http-equiv="Pragma" content="no-cache" />
 type="text/css">

in: 0;
ing: 0;
ground: #fff;
-size: 80%;
e>
t type="text/javascript">
![CDATA[
_scripts}
]>
pt>
 type="text/css">
_styles}
e>
end

def initialize(output)

def initialize(output)
  super(output)
  @example_group_number = 0
  @example_number = 0
  @header_red = nil
end

def message(message)

def message(message)
end

def method_missing(m, *a, &b)

def method_missing(m, *a, &b)
  # no-op
end

def move_progress

def move_progress
  @output.puts "    <script type=\"text/javascript\">moveProgressBar('#{percent_done}');</script>"
  @output.flush
end

def percent_done

def percent_done
  result = 100.0
  if @example_count > 0
    result = ((example_number).to_f / @example_count.to_f * 1000).to_i / 10.0
  end
  result
end

def report_header

def report_header
  <<-EOF
ss="rspec-report">
"rspec-header">
d="label">
RSpec Code Examples</h1>

d="display-filters">
ut id="passed_checkbox" name="passed_checkbox" type="checkbox" checked onchange="apply_filters()" value="1"> <label for="passed_checkbox">Passed</label>
ut id="failed_checkbox" name="failed_checkbox" type="checkbox" checked onchange="apply_filters()" value="2"> <label for="failed_checkbox">Failed</label>
ut id="pending_checkbox" name="pending_checkbox" type="checkbox" checked onchange="apply_filters()" value="3"> <label for="pending_checkbox">Pending</label>

d="summary">
d="totals">&nbsp;</p>
d="duration">&nbsp;</p>

ss="results">
end

def start(example_count)

def start(example_count)
  super(example_count)
  @output.puts html_header
  @output.puts report_header
  @output.flush
end

def start_dump

def start_dump
  @output.puts "  </dl>"
  @output.puts "</div>"
  @output.flush
end