UNPKG

12.6 kBHTMLView Raw
1<!doctype html>
2<html lang="en">
3<head>
4 <title>Code coverage report for All files</title>
5 <meta charset="utf-8">
6
7 <link rel="stylesheet" href="prettify.css">
8
9 <style>
10 body, html {
11 margin:0; padding: 0;
12 }
13 body {
14 font-family: Helvetica Neue, Helvetica,Arial;
15 font-size: 10pt;
16 }
17 div.header, div.footer {
18 background: #eee;
19 padding: 1em;
20 }
21 div.header {
22 z-index: 100;
23 position: fixed;
24 top: 0;
25 border-bottom: 1px solid #666;
26 width: 100%;
27 }
28 div.footer {
29 border-top: 1px solid #666;
30 }
31 div.body {
32 margin-top: 10em;
33 }
34 div.meta {
35 font-size: 90%;
36 text-align: center;
37 }
38 h1, h2, h3 {
39 font-weight: normal;
40 }
41 h1 {
42 font-size: 12pt;
43 }
44 h2 {
45 font-size: 10pt;
46 }
47 pre {
48 font-family: Consolas, Menlo, Monaco, monospace;
49 margin: 0;
50 padding: 0;
51 line-height: 14px;
52 font-size: 14px;
53 -moz-tab-size: 2;
54 -o-tab-size: 2;
55 tab-size: 2;
56 }
57
58 div.path { font-size: 110%; }
59 div.path a:link, div.path a:visited { color: #000; }
60 table.coverage { border-collapse: collapse; margin:0; padding: 0 }
61
62 table.coverage td {
63 margin: 0;
64 padding: 0;
65 color: #111;
66 vertical-align: top;
67 }
68 table.coverage td.line-count {
69 width: 50px;
70 text-align: right;
71 padding-right: 5px;
72 }
73 table.coverage td.line-coverage {
74 color: #777 !important;
75 text-align: right;
76 border-left: 1px solid #666;
77 border-right: 1px solid #666;
78 }
79
80 table.coverage td.text {
81 }
82
83 table.coverage td span.cline-any {
84 display: inline-block;
85 padding: 0 5px;
86 width: 40px;
87 }
88 table.coverage td span.cline-neutral {
89 background: #eee;
90 }
91 table.coverage td span.cline-yes {
92 background: #b5d592;
93 color: #999;
94 }
95 table.coverage td span.cline-no {
96 background: #fc8c84;
97 }
98
99 .cstat-yes { color: #111; }
100 .cstat-no { background: #fc8c84; color: #111; }
101 .fstat-no { background: #ffc520; color: #111 !important; }
102 .cbranch-no { background: yellow !important; color: #111; }
103
104 .cstat-skip { background: #ddd; color: #111; }
105 .fstat-skip { background: #ddd; color: #111 !important; }
106 .cbranch-skip { background: #ddd !important; color: #111; }
107
108 .missing-if-branch {
109 display: inline-block;
110 margin-right: 10px;
111 position: relative;
112 padding: 0 4px;
113 background: black;
114 color: yellow;
115 }
116
117 .skip-if-branch {
118 display: none;
119 margin-right: 10px;
120 position: relative;
121 padding: 0 4px;
122 background: #ccc;
123 color: white;
124 }
125
126 .missing-if-branch .typ, .skip-if-branch .typ {
127 color: inherit !important;
128 }
129
130 .entity, .metric { font-weight: bold; }
131 .metric { display: inline-block; border: 1px solid #333; padding: 0.3em; background: white; }
132 .metric small { font-size: 80%; font-weight: normal; color: #666; }
133
134 div.coverage-summary table { border-collapse: collapse; margin: 3em; font-size: 110%; }
135 div.coverage-summary td, div.coverage-summary table th { margin: 0; padding: 0.25em 1em; border-top: 1px solid #666; border-bottom: 1px solid #666; }
136 div.coverage-summary th { text-align: left; border: 1px solid #666; background: #eee; font-weight: normal; }
137 div.coverage-summary th.file { border-right: none !important; }
138 div.coverage-summary th.pic { border-left: none !important; text-align: right; }
139 div.coverage-summary th.pct { border-right: none !important; }
140 div.coverage-summary th.abs { border-left: none !important; text-align: right; }
141 div.coverage-summary td.pct { text-align: right; border-left: 1px solid #666; }
142 div.coverage-summary td.abs { text-align: right; font-size: 90%; color: #444; border-right: 1px solid #666; }
143 div.coverage-summary td.file { text-align: right; border-left: 1px solid #666; white-space: nowrap; }
144 div.coverage-summary td.pic { min-width: 120px !important; }
145 div.coverage-summary a:link { text-decoration: none; color: #000; }
146 div.coverage-summary a:visited { text-decoration: none; color: #333; }
147 div.coverage-summary a:hover { text-decoration: underline; }
148 div.coverage-summary tfoot td { border-top: 1px solid #666; }
149
150 div.coverage-summary .yui3-datatable-sort-indicator, div.coverage-summary .dummy-sort-indicator {
151 height: 10px;
152 width: 7px;
153 display: inline-block;
154 margin-left: 0.5em;
155 }
156 div.coverage-summary .yui3-datatable-sort-indicator {
157 background: url("http://yui.yahooapis.com/3.6.0/build/datatable-sort/assets/skins/sam/sort-arrow-sprite.png") no-repeat scroll 0 0 transparent;
158 }
159 div.coverage-summary .yui3-datatable-sorted .yui3-datatable-sort-indicator {
160 background-position: 0 -20px;
161 }
162 div.coverage-summary .yui3-datatable-sorted-desc .yui3-datatable-sort-indicator {
163 background-position: 0 -10px;
164 }
165
166 .high { background: #b5d592 !important; }
167 .medium { background: #ffe87c !important; }
168 .low { background: #fc8c84 !important; }
169
170 span.cover-fill, span.cover-empty {
171 display:inline-block;
172 border:1px solid #444;
173 background: white;
174 height: 12px;
175 }
176 span.cover-fill {
177 background: #ccc;
178 border-right: 1px solid #444;
179 }
180 span.cover-empty {
181 background: white;
182 border-left: none;
183 }
184 span.cover-full {
185 border-right: none !important;
186 }
187 pre.prettyprint {
188 border: none !important;
189 padding: 0 !important;
190 margin: 0 !important;
191 }
192 .com { color: #999 !important; }
193 .ignore-none { color: #999; font-weight: normal; }
194
195 </style>
196</head>
197<body>
198<div class="header high">
199 <h1>Code coverage report for <span class="entity">All files</span></h1>
200 <h2>
201
202 Statements: <span class="metric">97.73% <small>(43 / 44)</small></span> &nbsp;&nbsp;&nbsp;&nbsp;
203
204
205 Branches: <span class="metric">100% <small>(20 / 20)</small></span> &nbsp;&nbsp;&nbsp;&nbsp;
206
207
208 Functions: <span class="metric">90% <small>(9 / 10)</small></span> &nbsp;&nbsp;&nbsp;&nbsp;
209
210
211 Lines: <span class="metric">97.73% <small>(43 / 44)</small></span> &nbsp;&nbsp;&nbsp;&nbsp;
212
213 Ignored: <span class="metric"><span class="ignore-none">none</span></span> &nbsp;&nbsp;&nbsp;&nbsp;
214 </h2>
215 <div class="path"></div>
216</div>
217<div class="body">
218<div class="coverage-summary">
219<table>
220<thead>
221<tr>
222 <th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
223 <th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
224 <th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
225 <th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
226 <th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
227 <th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
228 <th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
229 <th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
230 <th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
231 <th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
232</tr>
233</thead>
234<tbody><tr>
235 <td class="file high" data-value="src/"><a href="src/index.html">src/</a></td>
236 <td data-value="97.73" class="pic high"><span class="cover-fill" style="width: 97px;"></span><span class="cover-empty" style="width:3px;"></span></td>
237 <td data-value="97.73" class="pct high">97.73%</td>
238 <td data-value="44" class="abs high">(43&nbsp;/&nbsp;44)</td>
239 <td data-value="100" class="pct high">100%</td>
240 <td data-value="20" class="abs high">(20&nbsp;/&nbsp;20)</td>
241 <td data-value="90" class="pct high">90%</td>
242 <td data-value="10" class="abs high">(9&nbsp;/&nbsp;10)</td>
243 <td data-value="97.73" class="pct high">97.73%</td>
244 <td data-value="44" class="abs high">(43&nbsp;/&nbsp;44)</td>
245 </tr>
246
247</tbody>
248</table>
249</div>
250</div>
251<div class="footer">
252 <div class="meta">Generated by <a href="http://istanbul-js.org/" target="_blank">istanbul</a> at Sun Feb 16 2014 23:34:02 GMT+0100 (CET)</div>
253</div>
254
255<script src="prettify.js"></script>
256
257<script src="http://yui.yahooapis.com/3.6.0/build/yui/yui-min.js"></script>
258<script>
259
260 YUI().use('datatable', function (Y) {
261
262 var formatters = {
263 pct: function (o) {
264 o.className += o.record.get('classes')[o.column.key];
265 try {
266 return o.value.toFixed(2) + '%';
267 } catch (ex) { return o.value + '%'; }
268 },
269 html: function (o) {
270 o.className += o.record.get('classes')[o.column.key];
271 return o.record.get(o.column.key + '_html');
272 }
273 },
274 defaultFormatter = function (o) {
275 o.className += o.record.get('classes')[o.column.key];
276 return o.value;
277 };
278
279 function getColumns(theadNode) {
280 var colNodes = theadNode.all('tr th'),
281 cols = [],
282 col;
283 colNodes.each(function (colNode) {
284 col = {
285 key: colNode.getAttribute('data-col'),
286 label: colNode.get('innerHTML') || ' ',
287 sortable: !colNode.getAttribute('data-nosort'),
288 className: colNode.getAttribute('class'),
289 type: colNode.getAttribute('data-type'),
290 allowHTML: colNode.getAttribute('data-html') === 'true' || colNode.getAttribute('data-fmt') === 'html'
291 };
292 col.formatter = formatters[colNode.getAttribute('data-fmt')] || defaultFormatter;
293 cols.push(col);
294 });
295 return cols;
296 }
297
298 function getRowData(trNode, cols) {
299 var tdNodes = trNode.all('td'),
300 i,
301 row = { classes: {} },
302 node,
303 name;
304 for (i = 0; i < cols.length; i += 1) {
305 name = cols[i].key;
306 node = tdNodes.item(i);
307 row[name] = node.getAttribute('data-value') || node.get('innerHTML');
308 row[name + '_html'] = node.get('innerHTML');
309 row.classes[name] = node.getAttribute('class');
310 //Y.log('Name: ' + name + '; Value: ' + row[name]);
311 if (cols[i].type === 'number') { row[name] = row[name] * 1; }
312 }
313 //Y.log(row);
314 return row;
315 }
316
317 function getData(tbodyNode, cols) {
318 var data = [];
319 tbodyNode.all('tr').each(function (trNode) {
320 data.push(getRowData(trNode, cols));
321 });
322 return data;
323 }
324
325 function replaceTable(node) {
326 if (!node) { return; }
327 var cols = getColumns(node.one('thead')),
328 data = getData(node.one('tbody'), cols),
329 table,
330 parent = node.get('parentNode');
331
332 table = new Y.DataTable({
333 columns: cols,
334 data: data,
335 sortBy: 'file'
336 });
337 parent.set('innerHTML', '');
338 table.render(parent);
339 }
340
341 Y.on('domready', function () {
342 replaceTable(Y.one('div.coverage-summary table'));
343 if (typeof prettyPrint === 'function') {
344 prettyPrint();
345 }
346 });
347 });
348</script>
349</body>
350</html>