UNPKG

5.23 kBHTMLView Raw
1<!DOCTYPE html>
2<html>
3 <head>
4 <title>Cucumber Feature Report</title>
5 <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" >
6 <style type="text/css">
7 <%= styles %>
8 </style>
9 <meta charset="UTF-8">
10 </head>
11 <body>
12
13 <div class="navbar navbar-default navbar-static-top" role="navigation">
14 <div class="container">
15 <div class="navbar-header">
16 <%var brandTitle = suite.brandTitle ? suite.brandTitle : 'Cucumberjs Report' %>
17 <a class="navbar-brand"><%= brandTitle %></a>
18 <div class="project-name visible-md visible-lg"><%= suite.name.plain %></div>
19 <div class="label-container">
20 <span class="label label-success" title=<%= suite.reportAs %>>Passed: <%= suite.passed %></span>
21 <span class="label label-danger" title=<%= suite.reportAs %>>Failed: <%= suite.failed %></span>
22 </div>
23 </div>
24 </div>
25 </div>
26
27 <div class="container">
28
29 <div class="generated-on"><%= suite.time %></div>
30
31 <div class="row">
32 <div class="chart col-lg-6 col-md-6" id="piechart_features"></div>
33 <div class="chart col-lg-6 col-md-6" id="piechart_scenarios"></div>
34 </div>
35
36 <% if (suite.metadata) { %>
37 <div class="panel panel-default">
38 <div class="panel-heading">
39 <h4 class="panel-title">
40 <a data-toggle="collapse" href="#logOutput">
41 <i class="glyphicon glyphicon-chevron-right"></i>
42 <i class="glyphicon glyphicon-chevron-down"></i>
43 <b>Metadata</b>
44 </a>
45 </h4>
46 </div>
47 <div id="logOutput" class="panel-collapse collapse">
48 <div class="panel-body">
49 <div class="row">
50 <% var isLeft = true %>
51 <% _.map(suite.metadata, function(value, key) { %>
52 <% var className %>
53 <% if (isLeft) { className = "pull-left"; isLeft = false; }
54 else { className= "pull-right-lg"; isLeft = true } %>
55 <div class="clearfix metadata col-xs-12 col-sm-6 col-md-6 col-lg-6">
56 <div class=<%= className %>>
57 <strong> <%= key %>: </strong><%= value %>
58 </div>
59 </div>
60 <% }) %>
61 </div>
62 </div>
63 </div>
64 </div>
65 <% } %>
66
67 <%= features %>
68
69 </div>
70
71 <div class="navbar-fixed-bottom row-fluid footer-div ">
72 <div class="navbar-inner">
73 <div class="footer-container">
74 <a target="_blank" href="https://www.npmjs.com/package/cucumber-html-reporter">
75 <div class="text-muted footer-link">
76 generated by @cucumber-html-reporter
77 </div>
78 </a>
79 </div>
80 </div>
81 </div>
82
83 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
84 <script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
85 <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script>
86 <script type="text/javascript" src="https://www.google.com/jsapi"></script>
87 <script type="text/javascript">
88 google.load("visualization", "1", {packages: ["corechart"]});
89 google.setOnLoadCallback(function() {drawChart({
90 "title" : "Features",
91 "failed" : <%= suite.features.summary.failed %>,
92 "passed" : <%= suite.features.summary.passed %>,
93 "notdefined" : <%= suite.features.summary.notdefined %>,
94 "pending" : <%= suite.features.summary.pending %>,
95 "skipped" : <%= suite.features.summary.skipped %>,
96 "ambiguous" : <%= suite.features.summary.ambiguous %>
97 })
98 });
99 google.setOnLoadCallback(function() {drawChart({
100 "title" : "Scenarios",
101 "failed" : <%= suite.scenarios.failed %>,
102 "passed" : <%= suite.scenarios.passed %>,
103 "notdefined" : <%= suite.scenarios.notdefined %>,
104 "pending" : <%= suite.scenarios.pending %>,
105 "skipped" : <%= suite.scenarios.skipped %>,
106 "ambiguous" : <%= suite.scenarios.ambiguous %>
107 })
108 });
109 </script>
110 <script>
111 <%= script %>
112 <%= piechart %>
113 <%= screenshot %>
114 </script>
115 </body>
116</html>