Skip to content

Commit c386ecc

Browse files
gbmeowValentin Hervieu
gbmeow
authored and
Valentin Hervieu
committed
add coverage and first test
1 parent f465d23 commit c386ecc

File tree

12 files changed

+5262
-6
lines changed

12 files changed

+5262
-6
lines changed

‎bower.json

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,10 @@
88
"Jussi Saarivirta <[email protected]>"
99
],
1010
"description": "AngularJS slider directive with no external dependencies. Mobile friendly!",
11-
"main": ["dist/rzslider.js", "dist/rzslider.css"],
11+
"main": [
12+
"dist/rzslider.js",
13+
"dist/rzslider.css"
14+
],
1215
"keywords": [
1316
"angularjs",
1417
"slider"
@@ -22,6 +25,7 @@
2225
"tests"
2326
],
2427
"devDependencies": {
25-
"angular": "~1.4.0"
28+
"angular": "~1.4.0",
29+
"jquery": "~2.1.4"
2630
}
2731
}

‎karma.conf.js

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,12 @@ module.exports = function (config) {
88
// testing framework to use (jasmine/mocha/qunit/...)
99
frameworks: ['mocha', 'chai', 'chai-things', 'chai-as-promised'],
1010

11+
reporters: ['progress', 'coverage'],
12+
1113
// list of files / patterns to load in the browser
1214
files: [
1315
'bower_components/angular/angular.js',
16+
'bower_components/jquery/dist/jquery.js',
1417
'node_modules/angular-mocks/angular-mocks.js',
1518
'src/*.js',
1619
'tests/spec/*.js',
@@ -22,6 +25,7 @@ module.exports = function (config) {
2225

2326
// preprocess matching files before serving them to the browser
2427
preprocessors: {
28+
"src/*.js": ['coverage'],
2529
"src/*Tpl.html": 'ng-html2js'
2630
},
2731

@@ -41,6 +45,11 @@ module.exports = function (config) {
4145
// enable / disable watching file and executing tests whenever any file changes
4246
autoWatch: false,
4347

48+
coverageReporter: {
49+
type: 'html',
50+
dir: 'tests/coverage'
51+
},
52+
4453

4554
// Start these browsers, currently available:
4655
// - Chrome

‎package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,7 @@
2929
"karma": "^0.13.15",
3030
"karma-chai-plugins": "^0.6.1",
3131
"karma-chrome-launcher": "^0.2.2",
32+
"karma-coverage": "^0.5.3",
3233
"karma-mocha": "^0.2.1",
3334
"karma-ng-html2js-preprocessor": "^0.2.0",
3435
"karma-phantomjs-launcher": "^0.2.1",

‎tests/coverage/PhantomJS 1.9.8 (Windows 8 0.0.0)/base.css

Lines changed: 212 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,212 @@
1+
body, html {
2+
margin:0; padding: 0;
3+
height: 100%;
4+
}
5+
body {
6+
font-family: Helvetica Neue, Helvetica, Arial;
7+
font-size: 14px;
8+
color:#333;
9+
}
10+
.small { font-size: 12px;; }
11+
*, *:after, *:before {
12+
-webkit-box-sizing:border-box;
13+
-moz-box-sizing:border-box;
14+
box-sizing:border-box;
15+
}
16+
h1 { font-size: 20px; margin: 0;}
17+
h2 { font-size: 14px; }
18+
pre {
19+
font: 12px/1.4 Consolas, "Liberation Mono", Menlo, Courier, monospace;
20+
margin: 0;
21+
padding: 0;
22+
-moz-tab-size: 2;
23+
-o-tab-size: 2;
24+
tab-size: 2;
25+
}
26+
a { color:#0074D9; text-decoration:none; }
27+
a:hover { text-decoration:underline; }
28+
.strong { font-weight: bold; }
29+
.space-top1 { padding: 10px 0 0 0; }
30+
.pad2y { padding: 20px 0; }
31+
.pad1y { padding: 10px 0; }
32+
.pad2x { padding: 0 20px; }
33+
.pad2 { padding: 20px; }
34+
.pad1 { padding: 10px; }
35+
.space-left2 { padding-left:55px; }
36+
.space-right2 { padding-right:20px; }
37+
.center { text-align:center; }
38+
.clearfix { display:block; }
39+
.clearfix:after {
40+
content:'';
41+
display:block;
42+
height:0;
43+
clear:both;
44+
visibility:hidden;
45+
}
46+
.fl { float: left; }
47+
@media only screen and (max-width:640px) {
48+
.col3 { width:100%; max-width:100%; }
49+
.hide-mobile { display:none!important; }
50+
}
51+
52+
.quiet {
53+
color: #7f7f7f;
54+
color: rgba(0,0,0,0.5);
55+
}
56+
.quiet a { opacity: 0.7; }
57+
58+
.fraction {
59+
font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
60+
font-size: 10px;
61+
color: #555;
62+
background: #E8E8E8;
63+
padding: 4px 5px;
64+
border-radius: 3px;
65+
vertical-align: middle;
66+
}
67+
68+
div.path a:link, div.path a:visited { color: #333; }
69+
table.coverage {
70+
border-collapse: collapse;
71+
margin: 10px 0 0 0;
72+
padding: 0;
73+
}
74+
75+
table.coverage td {
76+
margin: 0;
77+
padding: 0;
78+
vertical-align: top;
79+
}
80+
table.coverage td.line-count {
81+
text-align: right;
82+
padding: 0 5px 0 20px;
83+
}
84+
table.coverage td.line-coverage {
85+
text-align: right;
86+
padding-right: 10px;
87+
min-width:20px;
88+
}
89+
90+
table.coverage td span.cline-any {
91+
display: inline-block;
92+
padding: 0 5px;
93+
width: 100%;
94+
}
95+
.missing-if-branch {
96+
display: inline-block;
97+
margin-right: 5px;
98+
border-radius: 3px;
99+
position: relative;
100+
padding: 0 4px;
101+
background: #333;
102+
color: yellow;
103+
}
104+
105+
.skip-if-branch {
106+
display: none;
107+
margin-right: 10px;
108+
position: relative;
109+
padding: 0 4px;
110+
background: #ccc;
111+
color: white;
112+
}
113+
.missing-if-branch .typ, .skip-if-branch .typ {
114+
color: inherit !important;
115+
}
116+
.coverage-summary {
117+
border-collapse: collapse;
118+
width: 100%;
119+
}
120+
.coverage-summary tr { border-bottom: 1px solid #bbb; }
121+
.keyline-all { border: 1px solid #ddd; }
122+
.coverage-summary td, .coverage-summary th { padding: 10px; }
123+
.coverage-summary tbody { border: 1px solid #bbb; }
124+
.coverage-summary td { border-right: 1px solid #bbb; }
125+
.coverage-summary td:last-child { border-right: none; }
126+
.coverage-summary th {
127+
text-align: left;
128+
font-weight: normal;
129+
white-space: nowrap;
130+
}
131+
.coverage-summary th.file { border-right: none !important; }
132+
.coverage-summary th.pct { }
133+
.coverage-summary th.pic,
134+
.coverage-summary th.abs,
135+
.coverage-summary td.pct,
136+
.coverage-summary td.abs { text-align: right; }
137+
.coverage-summary td.file { white-space: nowrap; }
138+
.coverage-summary td.pic { min-width: 120px !important; }
139+
.coverage-summary tfoot td { }
140+
141+
.coverage-summary .sorter {
142+
height: 10px;
143+
width: 7px;
144+
display: inline-block;
145+
margin-left: 0.5em;
146+
background: url(sort-arrow-sprite.png) no-repeat scroll 0 0 transparent;
147+
}
148+
.coverage-summary .sorted .sorter {
149+
background-position: 0 -20px;
150+
}
151+
.coverage-summary .sorted-desc .sorter {
152+
background-position: 0 -10px;
153+
}
154+
.status-line { height: 10px; }
155+
/* dark red */
156+
.red.solid, .status-line.low, .low .cover-fill { background:#C21F39 }
157+
.low .chart { border:1px solid #C21F39 }
158+
/* medium red */
159+
.cstat-no, .fstat-no, .cbranch-no, .cbranch-no { background:#F6C6CE }
160+
/* light red */
161+
.low, .cline-no { background:#FCE1E5 }
162+
/* light green */
163+
.high, .cline-yes { background:rgb(230,245,208) }
164+
/* medium green */
165+
.cstat-yes { background:rgb(161,215,106) }
166+
/* dark green */
167+
.status-line.high, .high .cover-fill { background:rgb(77,146,33) }
168+
.high .chart { border:1px solid rgb(77,146,33) }
169+
170+
171+
.medium .chart { border:1px solid #666; }
172+
.medium .cover-fill { background: #666; }
173+
174+
.cbranch-no { background: yellow !important; color: #111; }
175+
176+
.cstat-skip { background: #ddd; color: #111; }
177+
.fstat-skip { background: #ddd; color: #111 !important; }
178+
.cbranch-skip { background: #ddd !important; color: #111; }
179+
180+
span.cline-neutral { background: #eaeaea; }
181+
.medium { background: #eaeaea; }
182+
183+
.cover-fill, .cover-empty {
184+
display:inline-block;
185+
height: 12px;
186+
}
187+
.chart {
188+
line-height: 0;
189+
}
190+
.cover-empty {
191+
background: white;
192+
}
193+
.cover-full {
194+
border-right: none !important;
195+
}
196+
pre.prettyprint {
197+
border: none !important;
198+
padding: 0 !important;
199+
margin: 0 !important;
200+
}
201+
.com { color: #999 !important; }
202+
.ignore-none { color: #999; font-weight: normal; }
203+
204+
.wrapper {
205+
min-height: 100%;
206+
height: auto !important;
207+
height: 100%;
208+
margin: 0 auto -48px;
209+
}
210+
.footer, .push {
211+
height: 48px;
212+
}

‎tests/coverage/PhantomJS 1.9.8 (Windows 8 0.0.0)/index.html

Lines changed: 93 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<title>Code coverage report for All files</title>
5+
<meta charset="utf-8" />
6+
<link rel="stylesheet" href="prettify.css" />
7+
<link rel="stylesheet" href="base.css" />
8+
<meta name="viewport" content="width=device-width, initial-scale=1">
9+
<style type='text/css'>
10+
.coverage-summary .sorter {
11+
background-image: url(sort-arrow-sprite.png);
12+
}
13+
</style>
14+
</head>
15+
<body>
16+
<div class='wrapper'>
17+
<div class='pad1'>
18+
<h1>
19+
/
20+
</h1>
21+
<div class='clearfix'>
22+
<div class='fl pad1y space-right2'>
23+
<span class="strong">44.54% </span>
24+
<span class="quiet">Statements</span>
25+
<span class='fraction'>261/586</span>
26+
</div>
27+
<div class='fl pad1y space-right2'>
28+
<span class="strong">32.62% </span>
29+
<span class="quiet">Branches</span>
30+
<span class='fraction'>91/279</span>
31+
</div>
32+
<div class='fl pad1y space-right2'>
33+
<span class="strong">54.88% </span>
34+
<span class="quiet">Functions</span>
35+
<span class='fraction'>45/82</span>
36+
</div>
37+
<div class='fl pad1y space-right2'>
38+
<span class="strong">44.67% </span>
39+
<span class="quiet">Lines</span>
40+
<span class='fraction'>260/582</span>
41+
</div>
42+
</div>
43+
</div>
44+
<div class='status-line low'></div>
45+
<div class="pad1">
46+
<table class="coverage-summary">
47+
<thead>
48+
<tr>
49+
<th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
50+
<th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
51+
<th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
52+
<th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
53+
<th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
54+
<th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
55+
<th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
56+
<th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
57+
<th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
58+
<th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
59+
</tr>
60+
</thead>
61+
<tbody><tr>
62+
<td class="file low" data-value="src/"><a href="src/index.html">src/</a></td>
63+
<td data-value="44.54" class="pic low"><div class="chart"><div class="cover-fill" style="width: 44%;"></div><div class="cover-empty" style="width:56%;"></div></div></td>
64+
<td data-value="44.54" class="pct low">44.54%</td>
65+
<td data-value="586" class="abs low">261/586</td>
66+
<td data-value="32.62" class="pct low">32.62%</td>
67+
<td data-value="279" class="abs low">91/279</td>
68+
<td data-value="54.88" class="pct medium">54.88%</td>
69+
<td data-value="82" class="abs medium">45/82</td>
70+
<td data-value="44.67" class="pct low">44.67%</td>
71+
<td data-value="582" class="abs low">260/582</td>
72+
</tr>
73+
74+
</tbody>
75+
</table>
76+
</div><div class='push'></div><!-- for sticky footer -->
77+
</div><!-- /wrapper -->
78+
<div class='footer quiet pad2 space-top1 center small'>
79+
Code coverage
80+
generated by <a href="http://istanbul-js.org/" target="_blank">istanbul</a> at Wed Dec 16 2015 16:46:08 GMT-0500 (Eastern Standard Time)
81+
</div>
82+
</div>
83+
<script src="prettify.js"></script>
84+
<script>
85+
window.onload = function () {
86+
if (typeof prettyPrint === 'function') {
87+
prettyPrint();
88+
}
89+
};
90+
</script>
91+
<script src="sorter.js"></script>
92+
</body>
93+
</html>

‎tests/coverage/PhantomJS 1.9.8 (Windows 8 0.0.0)/prettify.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎tests/coverage/PhantomJS 1.9.8 (Windows 8 0.0.0)/prettify.js

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎tests/coverage/PhantomJS 1.9.8 (Windows 8 0.0.0)/sort-arrow-sprite.png

209 Bytes
Loading

0 commit comments

Comments
 (0)