cucumber-html-reporter/templates/simple/features.html

Generates Cucumber HTML reports in three different themes

<% _.each(suite.features, function(feature) { %>
<div class="feature container">
  <h3 class="title"><span class="highlight"><%= feature.keyword %>: </span><%= feature.name %></h3>
   <% if (feature.description) { %><p><%= feature.description.replace(/\n/g, '<br />') %></p><% } %>
  <% _.each(feature.elements, function(element) { %>
    <div class="element container">
    <h3 class="title"><span class="highlight"><%= element.keyword %>: </span><%= element.name %></h3>
      <% _.each(element.steps, function(step) { %>
        <div class="step">
          <p>
            <% if(step.result) { %>
            <span class="text <%= step.result.status %>">
            <% } %>
            <span class="keyword highlight"><%= step.keyword %></span> <%- step.name %></span>
             <% if (step.text) { %>
                   <div class="error">
                     <br>
                     <%= step.text %>
                   </div>
             <% } %>
             <% if (step.image) { %>
                   <div class="step-screenshot-wrap">
                     <a class="toggle" href="#">Screenshot -</a>
                     <img class="screenshot" src="<%= step.image %>"/>
                   </div>
             <% } %>
             <% if (step.result.error_message) { %>
                   <pre class="step-error-message" id="danger"><%= step.result.error_message.replace(/</g, '(').replace(/>/g, ')') %></pre>
             <% } %>
          </p>
        </div>
      <% }); %>
    </div>
  <% }); %>
</div>
<% }); %>