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>
|