alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

unit test init

Browse Source
This commit is contained in:
pangxie1991
2017-03-02 17:30:55 +08:00
parent bd24b22203
commit c1b215cb94
112 changed files with 18189 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
test/unit/coverage/lcov-report/src/index.html
+97
View File
@@ -0,0 +1,97 @@
<!doctype html>
<html lang="en">
<head>
<title>Code coverage report for src/</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="../prettify.css" />
<link rel="stylesheet" href="../base.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type='text/css'>
.coverage-summary .sorter {
background-image: url(../sort-arrow-sprite.png);
}
</style>
</head>
<body>
<div class='wrapper'>
<div class='pad1'>
<h1>
<a href="../index.html">all files</a> src/
</h1>
<div class='clearfix'>
<div class='fl pad1y space-right2'>
<span class="strong">68.06% </span>
<span class="quiet">Statements</span>
<span class='fraction'>49/72</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">70% </span>
<span class="quiet">Branches</span>
<span class='fraction'>7/10</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">50% </span>
<span class="quiet">Functions</span>
<span class='fraction'>1/2</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">54.17% </span>
<span class="quiet">Lines</span>
<span class='fraction'>26/48</span>
</div>
<div class='fl pad1y'>
<span class="strong">1 branch</span>
<span class="quiet">Ignored</span> &nbsp;&nbsp;&nbsp;&nbsp;
</div>
</div>
</div>
<div class='status-line medium'></div>
<div class="pad1">
<table class="coverage-summary">
<thead>
<tr>
<th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
<th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
<th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
<th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
<th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
<th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
<th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
<th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
<th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
<th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
</tr>
</thead>
<tbody><tr>
<td class="file medium" data-value="index.js"><a href="index.js.html">index.js</a></td>
<td data-value="68.06" class="pic medium"><div class="chart"><div class="cover-fill" style="width: 68%;"></div><div class="cover-empty" style="width:32%;"></div></div></td>
<td data-value="68.06" class="pct medium">68.06%</td>
<td data-value="72" class="abs medium">49/72</td>
<td data-value="70" class="pct medium">70%</td>
<td data-value="10" class="abs medium">7/10</td>
<td data-value="50" class="pct medium">50%</td>
<td data-value="2" class="abs medium">1/2</td>
<td data-value="54.17" class="pct medium">54.17%</td>
<td data-value="48" class="abs medium">26/48</td>
</tr>
</tbody>
</table>
</div><div class='push'></div><!-- for sticky footer -->
</div><!-- /wrapper -->
<div class='footer quiet pad2 space-top1 center small'>
Code coverage
generated by <a href="http://istanbul-js.org/" target="_blank">istanbul</a> at Thu Mar 02 2017 17:21:26 GMT+0800 (CST)
</div>
</div>
<script src="../prettify.js"></script>
<script>
window.onload = function () {
if (typeof prettyPrint === 'function') {
prettyPrint();
}
};
</script>
<script src="../sorter.js"></script>
</body>
</html>
test/unit/coverage/lcov-report/src/index.js.html
+309
View File
@@ -0,0 +1,309 @@
<!doctype html>
<html lang="en">
<head>
<title>Code coverage report for src/index.js</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="../prettify.css" />
<link rel="stylesheet" href="../base.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type='text/css'>
.coverage-summary .sorter {
background-image: url(../sort-arrow-sprite.png);
}
</style>
</head>
<body>
<div class='wrapper'>
<div class='pad1'>
<h1>
<a href="../index.html">all files</a> / <a href="index.html">src/</a> index.js
</h1>
<div class='clearfix'>
<div class='fl pad1y space-right2'>
<span class="strong">68.06% </span>
<span class="quiet">Statements</span>
<span class='fraction'>49/72</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">70% </span>
<span class="quiet">Branches</span>
<span class='fraction'>7/10</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">50% </span>
<span class="quiet">Functions</span>
<span class='fraction'>1/2</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">54.17% </span>
<span class="quiet">Lines</span>
<span class='fraction'>26/48</span>
</div>
<div class='fl pad1y'>
<span class="strong">1 branch</span>
<span class="quiet">Ignored</span> &nbsp;&nbsp;&nbsp;&nbsp;
</div>
</div>
</div>
<div class='status-line medium'></div>
<pre><table class="coverage">
<tr><td class="line-count quiet">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81</td><td class="line-coverage quiet"><span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import Button from '../packages/button/index.js';
import Switch from '../packages/switch/index.js';
import Field from '../packages/field/index.js';
import Radio from '../packages/radio/index.js';
import Cell from '../packages/cell/index.js';
import Icon from '../packages/icon/index.js';
import CellGroup from '../packages/cell-group/index.js';
import Popup from '../packages/popup/index.js';
import Dialog from '../packages/dialog/index.js';
import Picker from '../packages/picker/index.js';
import RadioGroup from '../packages/radio-group/index.js';
import Waterfall from '../packages/waterfall/index.js';
import Loading from '../packages/loading/index.js';
import Panel from '../packages/panel/index.js';
import Card from '../packages/card/index.js';
import Steps from '../packages/steps/index.js';
import Tag from '../packages/tag/index.js';
import Checkbox from '../packages/checkbox/index.js';
import CheckboxGroup from '../packages/checkbox-group/index.js';
import BadgeGroup from '../packages/badge-group/index.js';
import Badge from '../packages/badge/index.js';
import Search from '../packages/search/index.js';
&nbsp;
const install = <span class="fstat-no" title="function not covered" >function(Vue) {</span>
<span class="cstat-no" title="statement not covered" > if (install.installed) <span class="cstat-no" title="statement not covered" >r</span></span>eturn;
&nbsp;
<span class="cstat-no" title="statement not covered" > V</span>ue.component(Button.name, Button);
<span class="cstat-no" title="statement not covered" > V</span>ue.component(Switch.name, Switch);
<span class="cstat-no" title="statement not covered" > V</span>ue.component(Field.name, Field);
<span class="cstat-no" title="statement not covered" > V</span>ue.component(Radio.name, Radio);
<span class="cstat-no" title="statement not covered" > V</span>ue.component(Cell.name, Cell);
<span class="cstat-no" title="statement not covered" > V</span>ue.component(Icon.name, Icon);
<span class="cstat-no" title="statement not covered" > V</span>ue.component(CellGroup.name, CellGroup);
<span class="cstat-no" title="statement not covered" > V</span>ue.component(Popup.name, Popup);
<span class="cstat-no" title="statement not covered" > V</span>ue.component(Picker.name, Picker);
<span class="cstat-no" title="statement not covered" > V</span>ue.component(RadioGroup.name, RadioGroup);
<span class="cstat-no" title="statement not covered" > V</span>ue.component(Loading.name, Loading);
<span class="cstat-no" title="statement not covered" > V</span>ue.component(Panel.name, Panel);
<span class="cstat-no" title="statement not covered" > V</span>ue.component(Card.name, Card);
<span class="cstat-no" title="statement not covered" > V</span>ue.component(Steps.name, Steps);
<span class="cstat-no" title="statement not covered" > V</span>ue.component(Tag.name, Tag);
<span class="cstat-no" title="statement not covered" > V</span>ue.component(Checkbox.name, Checkbox);
<span class="cstat-no" title="statement not covered" > V</span>ue.component(CheckboxGroup.name, CheckboxGroup);
<span class="cstat-no" title="statement not covered" > V</span>ue.component(BadgeGroup.name, BadgeGroup);
<span class="cstat-no" title="statement not covered" > V</span>ue.component(Badge.name, Badge);
<span class="cstat-no" title="statement not covered" > V</span>ue.component(Search.name, Search);
};
&nbsp;
// auto install
<span class="missing-if-branch" title="if path not taken" >I</span>if (typeof window !== 'undefined' &amp;&amp; window.Vue) {
<span class="cstat-no" title="statement not covered" > i</span>nstall(window.Vue);
}
&nbsp;
module.exports = {
install,
version: '0.0.7',
Button,
Switch,
Field,
Radio,
Cell,
Icon,
CellGroup,
Popup,
Dialog,
Picker,
RadioGroup,
Waterfall,
Loading,
Panel,
Card,
Steps,
Tag,
Checkbox,
CheckboxGroup,
BadgeGroup,
Badge,
Search
};
&nbsp;
&nbsp;</pre></td></tr>
</table></pre>
<div class='push'></div><!-- for sticky footer -->
</div><!-- /wrapper -->
<div class='footer quiet pad2 space-top1 center small'>
Code coverage
generated by <a href="http://istanbul-js.org/" target="_blank">istanbul</a> at Thu Mar 02 2017 17:21:26 GMT+0800 (CST)
</div>
</div>
<script src="../prettify.js"></script>
<script>
window.onload = function () {
if (typeof prettyPrint === 'function') {
prettyPrint();
}
};
</script>
<script src="../sorter.js"></script>
</body>
</html>
test/unit/coverage/lcov-report/src/mixins/findParent.js.html
+134
View File
@@ -0,0 +1,134 @@
<!doctype html>
<html lang="en">
<head>
<title>Code coverage report for src/mixins/findParent.js</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="../../prettify.css" />
<link rel="stylesheet" href="../../base.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type='text/css'>
.coverage-summary .sorter {
background-image: url(../../sort-arrow-sprite.png);
}
</style>
</head>
<body>
<div class='wrapper'>
<div class='pad1'>
<h1>
<a href="../../index.html">all files</a> / <a href="index.html">src/mixins/</a> findParent.js
</h1>
<div class='clearfix'>
<div class='fl pad1y space-right2'>
<span class="strong">18.18% </span>
<span class="quiet">Statements</span>
<span class='fraction'>2/11</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">0% </span>
<span class="quiet">Branches</span>
<span class='fraction'>0/4</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">0% </span>
<span class="quiet">Functions</span>
<span class='fraction'>0/1</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">11.11% </span>
<span class="quiet">Lines</span>
<span class='fraction'>1/9</span>
</div>
</div>
</div>
<div class='status-line low'></div>
<pre><table class="coverage">
<tr><td class="line-count quiet">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24</td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">/**
* 根据父组件名找到对应`parent`
*/
export default {
methods: <span class="fstat-no" title="function not covered" >{</span>
findParentByComponentName(name) {
<span class="cstat-no" title="statement not covered" > if (this.parentGroup) <span class="cstat-no" title="statement not covered" >r</span></span>eturn;
&nbsp;
<span class="cstat-no" title="statement not covered" > l</span>et parent = this.$parent;
<span class="cstat-no" title="statement not covered" > while (parent) {</span>
<span class="cstat-no" title="statement not covered" > if (parent.$options.name === name) {</span>
<span class="cstat-no" title="statement not covered" > t</span>his.parentGroup = parent;
<span class="cstat-no" title="statement not covered" > b</span>reak;
} else {
<span class="cstat-no" title="statement not covered" > p</span>arent = parent.$parent;
}
}
&nbsp;
<span class="cstat-no" title="statement not covered" > r</span>eturn this.parentGroup;
}
}
};
&nbsp;
&nbsp;</pre></td></tr>
</table></pre>
<div class='push'></div><!-- for sticky footer -->
</div><!-- /wrapper -->
<div class='footer quiet pad2 space-top1 center small'>
Code coverage
generated by <a href="http://istanbul-js.org/" target="_blank">istanbul</a> at Thu Mar 02 2017 17:21:26 GMT+0800 (CST)
</div>
</div>
<script src="../../prettify.js"></script>
<script>
window.onload = function () {
if (typeof prettyPrint === 'function') {
prettyPrint();
}
};
</script>
<script src="../../sorter.js"></script>
</body>
</html>
test/unit/coverage/lcov-report/src/mixins/index.html
+93
View File
@@ -0,0 +1,93 @@
<!doctype html>
<html lang="en">
<head>
<title>Code coverage report for src/mixins/</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="../../prettify.css" />
<link rel="stylesheet" href="../../base.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type='text/css'>
.coverage-summary .sorter {
background-image: url(../../sort-arrow-sprite.png);
}
</style>
</head>
<body>
<div class='wrapper'>
<div class='pad1'>
<h1>
<a href="../../index.html">all files</a> src/mixins/
</h1>
<div class='clearfix'>
<div class='fl pad1y space-right2'>
<span class="strong">18.18% </span>
<span class="quiet">Statements</span>
<span class='fraction'>2/11</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">0% </span>
<span class="quiet">Branches</span>
<span class='fraction'>0/4</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">0% </span>
<span class="quiet">Functions</span>
<span class='fraction'>0/1</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">11.11% </span>
<span class="quiet">Lines</span>
<span class='fraction'>1/9</span>
</div>
</div>
</div>
<div class='status-line low'></div>
<div class="pad1">
<table class="coverage-summary">
<thead>
<tr>
<th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
<th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
<th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
<th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
<th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
<th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
<th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
<th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
<th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
<th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
</tr>
</thead>
<tbody><tr>
<td class="file low" data-value="findParent.js"><a href="findParent.js.html">findParent.js</a></td>
<td data-value="18.18" class="pic low"><div class="chart"><div class="cover-fill" style="width: 18%;"></div><div class="cover-empty" style="width:82%;"></div></div></td>
<td data-value="18.18" class="pct low">18.18%</td>
<td data-value="11" class="abs low">2/11</td>
<td data-value="0" class="pct low">0%</td>
<td data-value="4" class="abs low">0/4</td>
<td data-value="0" class="pct low">0%</td>
<td data-value="1" class="abs low">0/1</td>
<td data-value="11.11" class="pct low">11.11%</td>
<td data-value="9" class="abs low">1/9</td>
</tr>
</tbody>
</table>
</div><div class='push'></div><!-- for sticky footer -->
</div><!-- /wrapper -->
<div class='footer quiet pad2 space-top1 center small'>
Code coverage
generated by <a href="http://istanbul-js.org/" target="_blank">istanbul</a> at Thu Mar 02 2017 17:21:26 GMT+0800 (CST)
</div>
</div>
<script src="../../prettify.js"></script>
<script>
window.onload = function () {
if (typeof prettyPrint === 'function') {
prettyPrint();
}
};
</script>
<script src="../../sorter.js"></script>
</body>
</html>
test/unit/coverage/lcov-report/src/mixins/popup/index.html
+106
View File
@@ -0,0 +1,106 @@
<!doctype html>
<html lang="en">
<head>
<title>Code coverage report for src/mixins/popup/</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="../../../prettify.css" />
<link rel="stylesheet" href="../../../base.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type='text/css'>
.coverage-summary .sorter {
background-image: url(../../../sort-arrow-sprite.png);
}
</style>
</head>
<body>
<div class='wrapper'>
<div class='pad1'>
<h1>
<a href="../../../index.html">all files</a> src/mixins/popup/
</h1>
<div class='clearfix'>
<div class='fl pad1y space-right2'>
<span class="strong">14.18% </span>
<span class="quiet">Statements</span>
<span class='fraction'>19/134</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">4.88% </span>
<span class="quiet">Branches</span>
<span class='fraction'>4/82</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">4.76% </span>
<span class="quiet">Functions</span>
<span class='fraction'>1/21</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">10% </span>
<span class="quiet">Lines</span>
<span class='fraction'>12/120</span>
</div>
</div>
</div>
<div class='status-line low'></div>
<div class="pad1">
<table class="coverage-summary">
<thead>
<tr>
<th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
<th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
<th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
<th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
<th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
<th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
<th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
<th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
<th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
<th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
</tr>
</thead>
<tbody><tr>
<td class="file low" data-value="index.js"><a href="index.js.html">index.js</a></td>
<td data-value="18.18" class="pic low"><div class="chart"><div class="cover-fill" style="width: 18%;"></div><div class="cover-empty" style="width:82%;"></div></div></td>
<td data-value="18.18" class="pct low">18.18%</td>
<td data-value="66" class="abs low">12/66</td>
<td data-value="10.26" class="pct low">10.26%</td>
<td data-value="39" class="abs low">4/39</td>
<td data-value="10" class="pct low">10%</td>
<td data-value="10" class="abs low">1/10</td>
<td data-value="10.71" class="pct low">10.71%</td>
<td data-value="56" class="abs low">6/56</td>
</tr>
<tr>
<td class="file low" data-value="popup-manager.js"><a href="popup-manager.js.html">popup-manager.js</a></td>
<td data-value="10.29" class="pic low"><div class="chart"><div class="cover-fill" style="width: 10%;"></div><div class="cover-empty" style="width:90%;"></div></div></td>
<td data-value="10.29" class="pct low">10.29%</td>
<td data-value="68" class="abs low">7/68</td>
<td data-value="0" class="pct low">0%</td>
<td data-value="43" class="abs low">0/43</td>
<td data-value="0" class="pct low">0%</td>
<td data-value="11" class="abs low">0/11</td>
<td data-value="9.38" class="pct low">9.38%</td>
<td data-value="64" class="abs low">6/64</td>
</tr>
</tbody>
</table>
</div><div class='push'></div><!-- for sticky footer -->
</div><!-- /wrapper -->
<div class='footer quiet pad2 space-top1 center small'>
Code coverage
generated by <a href="http://istanbul-js.org/" target="_blank">istanbul</a> at Thu Mar 02 2017 17:21:26 GMT+0800 (CST)
</div>
</div>
<script src="../../../prettify.js"></script>
<script>
window.onload = function () {
if (typeof prettyPrint === 'function') {
prettyPrint();
}
};
</script>
<script src="../../../sorter.js"></script>
</body>
</html>
test/unit/coverage/lcov-report/src/mixins/popup/index.js.html
+539
View File
@@ -0,0 +1,539 @@
<!doctype html>
<html lang="en">
<head>
<title>Code coverage report for src/mixins/popup/index.js</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="../../../prettify.css" />
<link rel="stylesheet" href="../../../base.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type='text/css'>
.coverage-summary .sorter {
background-image: url(../../../sort-arrow-sprite.png);
}
</style>
</head>
<body>
<div class='wrapper'>
<div class='pad1'>
<h1>
<a href="../../../index.html">all files</a> / <a href="index.html">src/mixins/popup/</a> index.js
</h1>
<div class='clearfix'>
<div class='fl pad1y space-right2'>
<span class="strong">18.18% </span>
<span class="quiet">Statements</span>
<span class='fraction'>12/66</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">10.26% </span>
<span class="quiet">Branches</span>
<span class='fraction'>4/39</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">10% </span>
<span class="quiet">Functions</span>
<span class='fraction'>1/10</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">10.71% </span>
<span class="quiet">Lines</span>
<span class='fraction'>6/56</span>
</div>
</div>
</div>
<div class='status-line low'></div>
<pre><table class="coverage">
<tr><td class="line-count quiet">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159</td><td class="line-coverage quiet"><span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import Vue from 'vue';
import merge from 'src/utils/merge';
import PopupManager from './popup-manager';
&nbsp;
let idSeed = 1;
&nbsp;
const getDOM = <span class="fstat-no" title="function not covered" >function(dom) {</span>
<span class="cstat-no" title="statement not covered" > if (dom.nodeType === 3) {</span>
<span class="cstat-no" title="statement not covered" > d</span>om = dom.nextElementSibling || dom.nextSibling;
<span class="cstat-no" title="statement not covered" > g</span>etDOM(dom);
}
<span class="cstat-no" title="statement not covered" > r</span>eturn dom;
};
&nbsp;
export default <span class="fstat-no" title="function not covered" ><span class="fstat-no" title="function not covered" ><span class="fstat-no" title="function not covered" >{</span></span></span>
props: {
/**
* popup当前显示状态
*/
value: {
type: Boolean,
default: false
},
/**
* 是否显示遮罩层
*/
overlay: {
type: Boolean,
default: false
},
/**
* 点击遮罩层是否关闭popup
*/
closeOnClickOverlay: {
type: Boolean,
default: false
},
zIndex: [String, Number],
/**
* popup滚动时是否body内容也滚动
* 默认为不滚动
*/
lockOnScroll: {
type: Boolean,
default: true
}
},
&nbsp;
watch: <span class="fstat-no" title="function not covered" >{</span>
value(val) {
<span class="cstat-no" title="statement not covered" > if (val) {</span>
<span class="cstat-no" title="statement not covered" > if (this.opening) <span class="cstat-no" title="statement not covered" >r</span></span>eturn;
<span class="cstat-no" title="statement not covered" > t</span>his.open();
} else {
<span class="cstat-no" title="statement not covered" > if (this.closing) <span class="cstat-no" title="statement not covered" >r</span></span>eturn;
<span class="cstat-no" title="statement not covered" > t</span>his.close();
}
}
},
&nbsp;
beforeMount() {
<span class="cstat-no" title="statement not covered" > t</span>his._popupId = 'popup-' + idSeed++;
<span class="cstat-no" title="statement not covered" > P</span>opupManager.register(this._popupId, this);
},
&nbsp;
data() {
<span class="cstat-no" title="statement not covered" > r</span>eturn {
opening: false,
opened: false,
closing: false,
bodyOverflow: null
};
},
&nbsp;
methods: <span class="fstat-no" title="function not covered" ><span class="fstat-no" title="function not covered" ><span class="fstat-no" title="function not covered" >{</span></span></span>
/**
* 显示popup
*/
open(options) {
<span class="cstat-no" title="statement not covered" > if (this.opened) <span class="cstat-no" title="statement not covered" >r</span></span>eturn;
&nbsp;
<span class="cstat-no" title="statement not covered" > t</span>his.opening = true;
&nbsp;
<span class="cstat-no" title="statement not covered" > t</span>his.$emit('input', true);
&nbsp;
<span class="cstat-no" title="statement not covered" > c</span>onst dom = getDOM(this.$el);
<span class="cstat-no" title="statement not covered" > c</span>onst props = merge({}, this, options);
<span class="cstat-no" title="statement not covered" > c</span>onst zIndex = props.zIndex;
&nbsp;
// 如果属性中传入了`zIndex`，则覆盖`PopupManager`中对应的`zIndex`
<span class="cstat-no" title="statement not covered" > if (zIndex) {</span>
<span class="cstat-no" title="statement not covered" > P</span>opupManager.zIndex = zIndex;
}
&nbsp;
// 如果显示遮罩层
<span class="cstat-no" title="statement not covered" > if (this.overlay) {</span>
<span class="cstat-no" title="statement not covered" > if (this.closing) {</span>
<span class="cstat-no" title="statement not covered" > P</span>opupManager.closeModal(this._popupId);
<span class="cstat-no" title="statement not covered" > t</span>his.closing = false;
}
<span class="cstat-no" title="statement not covered" > P</span>opupManager.openModal(this._popupId, PopupManager.nextZIndex(), dom);
&nbsp;
// 如果滚动时需要锁定
<span class="cstat-no" title="statement not covered" > if (this.lockOnScroll) {</span>
// 将原来的`bodyOverflow`存起来
<span class="cstat-no" title="statement not covered" > if (!this.bodyOverflow) {</span>
<span class="cstat-no" title="statement not covered" > t</span>his.bodyOverflow = document.body.style.overflow;
}
&nbsp;
<span class="cstat-no" title="statement not covered" > d</span>ocument.body.style.overlay = 'hidden';
}
}
&nbsp;
<span class="cstat-no" title="statement not covered" > d</span>om.style.zIndex = PopupManager.nextZIndex();
<span class="cstat-no" title="statement not covered" > t</span>his.opened = true;
<span class="cstat-no" title="statement not covered" > t</span>his.opening = false;
},
&nbsp;
/**
* 关闭popup
*/
close() <span class="cstat-no" title="statement not covered" >{</span>
<span class="cstat-no" title="statement not covered" > if (this.closing) <span class="cstat-no" title="statement not covered" >r</span></span>eturn;
&nbsp;
<span class="cstat-no" title="statement not covered" > t</span>his.closing = true;
&nbsp;
<span class="cstat-no" title="statement not covered" > t</span>his.$emit('input', false);
&nbsp;
<span class="cstat-no" title="statement not covered" > if (this.lockOnScroll) {</span>
<span class="cstat-no" title="statement not covered" > s</span>etTimeout(<span class="fstat-no" title="function not covered" >() =&gt; {</span>
<span class="cstat-no" title="statement not covered" > if (this.modal &amp;&amp; this.bodyOverflow !== 'hidden') {</span>
<span class="cstat-no" title="statement not covered" > d</span>ocument.body.style.overflow = this.bodyOverflow;
}
<span class="cstat-no" title="statement not covered" > t</span>his.bodyOverflow = null;
}, 200);
}
&nbsp;
<span class="cstat-no" title="statement not covered" > t</span>his.opened = false;
<span class="cstat-no" title="statement not covered" > t</span>his.doAfterClose();
},
&nbsp;
doAfterClose() {
<span class="cstat-no" title="statement not covered" > t</span>his.closing = false;
<span class="cstat-no" title="statement not covered" > P</span>opupManager.closeModal(this._popupId);
}
},
&nbsp;
beforeDestroy() {
<span class="cstat-no" title="statement not covered" > P</span>opupManager.deregister(this._popupId);
<span class="cstat-no" title="statement not covered" > P</span>opupManager.closeModal(this._popupId);
&nbsp;
<span class="cstat-no" title="statement not covered" > if (this.modal &amp;&amp; this.bodyOverflow !== null &amp;&amp; this.bodyOverflow !== 'hidden') {</span>
<span class="cstat-no" title="statement not covered" > d</span>ocument.body.style.overflow = this.bodyOverflow;
}
<span class="cstat-no" title="statement not covered" > t</span>his.bodyOverflow = null;
}
};
&nbsp;
&nbsp;</pre></td></tr>
</table></pre>
<div class='push'></div><!-- for sticky footer -->
</div><!-- /wrapper -->
<div class='footer quiet pad2 space-top1 center small'>
Code coverage
generated by <a href="http://istanbul-js.org/" target="_blank">istanbul</a> at Thu Mar 02 2017 17:21:26 GMT+0800 (CST)
</div>
</div>
<script src="../../../prettify.js"></script>
<script>
window.onload = function () {
if (typeof prettyPrint === 'function') {
prettyPrint();
}
};
</script>
<script src="../../../sorter.js"></script>
</body>
</html>
test/unit/coverage/lcov-report/src/mixins/popup/popup-manager.js.html
+464
View File
@@ -0,0 +1,464 @@
<!doctype html>
<html lang="en">
<head>
<title>Code coverage report for src/mixins/popup/popup-manager.js</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="../../../prettify.css" />
<link rel="stylesheet" href="../../../base.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type='text/css'>
.coverage-summary .sorter {
background-image: url(../../../sort-arrow-sprite.png);
}
</style>
</head>
<body>
<div class='wrapper'>
<div class='pad1'>
<h1>
<a href="../../../index.html">all files</a> / <a href="index.html">src/mixins/popup/</a> popup-manager.js
</h1>
<div class='clearfix'>
<div class='fl pad1y space-right2'>
<span class="strong">10.29% </span>
<span class="quiet">Statements</span>
<span class='fraction'>7/68</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">0% </span>
<span class="quiet">Branches</span>
<span class='fraction'>0/43</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">0% </span>
<span class="quiet">Functions</span>
<span class='fraction'>0/11</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">9.38% </span>
<span class="quiet">Lines</span>
<span class='fraction'>6/64</span>
</div>
</div>
</div>
<div class='status-line low'></div>
<pre><table class="coverage">
<tr><td class="line-count quiet">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134</td><td class="line-coverage quiet"><span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { addClass, removeClass } from 'src/utils/dom';
&nbsp;
let hasModal = false;
&nbsp;
const getModal = <span class="fstat-no" title="function not covered" >function() {</span>
<span class="cstat-no" title="statement not covered" > l</span>et modalDom = PopupManager.modalDom;
<span class="cstat-no" title="statement not covered" > if (modalDom) {</span>
<span class="cstat-no" title="statement not covered" > h</span>asModal = true;
} else {
<span class="cstat-no" title="statement not covered" > h</span>asModal = false;
<span class="cstat-no" title="statement not covered" > m</span>odalDom = document.createElement('div');
<span class="cstat-no" title="statement not covered" > P</span>opupManager.modalDom = modalDom;
&nbsp;
<span class="cstat-no" title="statement not covered" > m</span>odalDom.addEventListener('touchmove', <span class="fstat-no" title="function not covered" >function(event) {</span>
<span class="cstat-no" title="statement not covered" > e</span>vent.preventDefault();
<span class="cstat-no" title="statement not covered" > e</span>vent.stopPropagation();
});
&nbsp;
<span class="cstat-no" title="statement not covered" > m</span>odalDom.addEventListener('click', <span class="fstat-no" title="function not covered" >function() {</span>
<span class="cstat-no" title="statement not covered" > P</span>opupManager.handleOverlayClick &amp;&amp; PopupManager.handleOverlayClick();
});
}
&nbsp;
<span class="cstat-no" title="statement not covered" > r</span>eturn modalDom;
};
&nbsp;
const instances = {};
&nbsp;
const PopupManager = <span class="fstat-no" title="function not covered" ><span class="fstat-no" title="function not covered" ><span class="fstat-no" title="function not covered" ><span class="fstat-no" title="function not covered" ><span class="fstat-no" title="function not covered" ><span class="fstat-no" title="function not covered" ><span class="fstat-no" title="function not covered" >{</span></span></span></span></span></span></span>
zIndex: 2000,
&nbsp;
modalStack: [],
&nbsp;
nextZIndex() {
<span class="cstat-no" title="statement not covered" > r</span>eturn this.zIndex++;
},
&nbsp;
getInstance(id) {
<span class="cstat-no" title="statement not covered" > r</span>eturn instances[id];
},
&nbsp;
register(id, instance) {
<span class="cstat-no" title="statement not covered" > if (id &amp;&amp; instance) {</span>
<span class="cstat-no" title="statement not covered" > i</span>nstances[id] = instance;
}
},
&nbsp;
deregister(id) {
<span class="cstat-no" title="statement not covered" > if (id) {</span>
<span class="cstat-no" title="statement not covered" > i</span>nstances[id] = null;
<span class="cstat-no" title="statement not covered" > d</span>elete instances[id];
}
},
&nbsp;
/**
* 遮罩层点击回调，`closeOnClickOverlay`为`true`时会关闭当前`popup`
*/
handleOverlayClick() {
<span class="cstat-no" title="statement not covered" > c</span>onst topModal = PopupManager.modalStack[PopupManager.modalStack.length - 1];
<span class="cstat-no" title="statement not covered" > if (!topModal) <span class="cstat-no" title="statement not covered" >r</span></span>eturn;
&nbsp;
<span class="cstat-no" title="statement not covered" > c</span>onst instance = PopupManager.getInstance(topModal.id);
<span class="cstat-no" title="statement not covered" > if (instance &amp;&amp; instance.closeOnClickOverlay) {</span>
<span class="cstat-no" title="statement not covered" > i</span>nstance.close();
}
},
&nbsp;
openModal(id, zIndex, dom) {
<span class="cstat-no" title="statement not covered" > if (!id || zIndex === undefined) <span class="cstat-no" title="statement not covered" >r</span></span>eturn;
&nbsp;
<span class="cstat-no" title="statement not covered" > c</span>onst modalStack = this.modalStack;
&nbsp;
<span class="cstat-no" title="statement not covered" > for (let i = 0, len = modalStack.length; i &lt; len; i++) {</span>
<span class="cstat-no" title="statement not covered" > c</span>onst item = modalStack[i];
<span class="cstat-no" title="statement not covered" > if (item.id === id) {</span>
<span class="cstat-no" title="statement not covered" > r</span>eturn;
}
}
&nbsp;
<span class="cstat-no" title="statement not covered" > c</span>onst modalDom = getModal();
&nbsp;
<span class="cstat-no" title="statement not covered" > a</span>ddClass(modalDom, 'zan-modal');
&nbsp;
<span class="cstat-no" title="statement not covered" > if (dom &amp;&amp; dom.parentNode &amp;&amp; dom.parentNode.nodeType !== 11) {</span>
<span class="cstat-no" title="statement not covered" > d</span>om.parentNode.appendChild(modalDom);
} else {
<span class="cstat-no" title="statement not covered" > d</span>ocument.body.appendChild(modalDom);
}
&nbsp;
<span class="cstat-no" title="statement not covered" > if (zIndex) {</span>
<span class="cstat-no" title="statement not covered" > m</span>odalDom.style.zIndex = zIndex;
}
<span class="cstat-no" title="statement not covered" > m</span>odalDom.style.display = '';
&nbsp;
<span class="cstat-no" title="statement not covered" > t</span>his.modalStack.push({ id: id, zIndex: zIndex });
},
&nbsp;
closeModal(id) <span class="cstat-no" title="statement not covered" >{</span>
<span class="cstat-no" title="statement not covered" > c</span>onst modalStack = this.modalStack;
<span class="cstat-no" title="statement not covered" > c</span>onst modalDom = getModal();
&nbsp;
<span class="cstat-no" title="statement not covered" > if (modalStack.length &gt; 0) {</span>
<span class="cstat-no" title="statement not covered" > c</span>onst topItem = modalStack[modalStack.length - 1];
<span class="cstat-no" title="statement not covered" > if (topItem.id === id) {</span>
<span class="cstat-no" title="statement not covered" > m</span>odalStack.pop();
<span class="cstat-no" title="statement not covered" > if (modalStack.length &gt; 0) {</span>
<span class="cstat-no" title="statement not covered" > m</span>odalDom.style.zIndex = modalStack[modalStack.length - 1].zIndex;
}
} else {
<span class="cstat-no" title="statement not covered" > for (let i = modalStack.length - 1; i &gt;= 0; i--) {</span>
<span class="cstat-no" title="statement not covered" > if (modalStack[i].id === id) {</span>
<span class="cstat-no" title="statement not covered" > m</span>odalStack.splice(i, 1);
<span class="cstat-no" title="statement not covered" > b</span>reak;
}
}
}
}
&nbsp;
<span class="cstat-no" title="statement not covered" > if (modalStack.length === 0) {</span>
<span class="cstat-no" title="statement not covered" > s</span>etTimeout(<span class="fstat-no" title="function not covered" >() =&gt; {</span>
<span class="cstat-no" title="statement not covered" > if (modalStack.length === 0) {</span>
<span class="cstat-no" title="statement not covered" > if (modalDom.parentNode) <span class="cstat-no" title="statement not covered" >m</span></span>odalDom.parentNode.removeChild(modalDom);
&nbsp;
<span class="cstat-no" title="statement not covered" > m</span>odalDom.style.display = 'none';
<span class="cstat-no" title="statement not covered" > t</span>his.modalDom = null;
}
}, 200);
}
}
};
&nbsp;
export default PopupManager;
&nbsp;
&nbsp;</pre></td></tr>
</table></pre>
<div class='push'></div><!-- for sticky footer -->
</div><!-- /wrapper -->
<div class='footer quiet pad2 space-top1 center small'>
Code coverage
generated by <a href="http://istanbul-js.org/" target="_blank">istanbul</a> at Thu Mar 02 2017 17:21:26 GMT+0800 (CST)
</div>
</div>
<script src="../../../prettify.js"></script>
<script>
window.onload = function () {
if (typeof prettyPrint === 'function') {
prettyPrint();
}
};
</script>
<script src="../../../sorter.js"></script>
</body>
</html>
test/unit/coverage/lcov-report/src/utils/dom.js.html
+239
View File
@@ -0,0 +1,239 @@
<!doctype html>
<html lang="en">
<head>
<title>Code coverage report for src/utils/dom.js</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="../../prettify.css" />
<link rel="stylesheet" href="../../base.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type='text/css'>
.coverage-summary .sorter {
background-image: url(../../sort-arrow-sprite.png);
}
</style>
</head>
<body>
<div class='wrapper'>
<div class='pad1'>
<h1>
<a href="../../index.html">all files</a> / <a href="index.html">src/utils/</a> dom.js
</h1>
<div class='clearfix'>
<div class='fl pad1y space-right2'>
<span class="strong">18.18% </span>
<span class="quiet">Statements</span>
<span class='fraction'>8/44</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">0% </span>
<span class="quiet">Branches</span>
<span class='fraction'>0/34</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">0% </span>
<span class="quiet">Functions</span>
<span class='fraction'>0/4</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">14.29% </span>
<span class="quiet">Lines</span>
<span class='fraction'>5/35</span>
</div>
</div>
</div>
<div class='status-line low'></div>
<pre><table class="coverage">
<tr><td class="line-count quiet">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59</td><td class="line-coverage quiet"><span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">const trim = <span class="fstat-no" title="function not covered" >function(string) {</span>
<span class="cstat-no" title="statement not covered" > r</span>eturn (string || '').replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, '');
};
&nbsp;
export <span class="fstat-no" title="function not covered" >function hasClass(el, cls) {</span>
<span class="cstat-no" title="statement not covered" > if (!el || !cls) <span class="cstat-no" title="statement not covered" >r</span></span>eturn false;
<span class="cstat-no" title="statement not covered" > if (cls.indexOf(' ') !== -1) <span class="cstat-no" title="statement not covered" >t</span></span>hrow new Error('className should not contain space.');
<span class="cstat-no" title="statement not covered" > if (el.classList) {</span>
<span class="cstat-no" title="statement not covered" > r</span>eturn el.classList.contains(cls);
} else {
<span class="cstat-no" title="statement not covered" > r</span>eturn (' ' + el.className + ' ').indexOf(' ' + cls + ' ') &gt; -1;
}
};
&nbsp;
export <span class="fstat-no" title="function not covered" >function addClass(el, cls) {</span>
<span class="cstat-no" title="statement not covered" > if (!el) <span class="cstat-no" title="statement not covered" >r</span></span>eturn;
<span class="cstat-no" title="statement not covered" > v</span>ar curClass = el.className;
<span class="cstat-no" title="statement not covered" > v</span>ar classes = (cls || '').split(' ');
&nbsp;
<span class="cstat-no" title="statement not covered" > for (var i = 0, j = classes.length; i &lt; j; i++) {</span>
<span class="cstat-no" title="statement not covered" > v</span>ar clsName = classes[i];
<span class="cstat-no" title="statement not covered" > if (!clsName) <span class="cstat-no" title="statement not covered" >c</span></span>ontinue;
&nbsp;
<span class="cstat-no" title="statement not covered" > if (el.classList) {</span>
<span class="cstat-no" title="statement not covered" > e</span>l.classList.add(clsName);
} else {
<span class="cstat-no" title="statement not covered" > if (!hasClass(el, clsName)) {</span>
<span class="cstat-no" title="statement not covered" > c</span>urClass += ' ' + clsName;
}
}
}
<span class="cstat-no" title="statement not covered" > if (!el.classList) {</span>
<span class="cstat-no" title="statement not covered" > e</span>l.className = curClass;
}
};
&nbsp;
export <span class="fstat-no" title="function not covered" >function removeClass(el, cls) {</span>
<span class="cstat-no" title="statement not covered" > if (!el || !cls) <span class="cstat-no" title="statement not covered" >r</span></span>eturn;
<span class="cstat-no" title="statement not covered" > v</span>ar classes = cls.split(' ');
<span class="cstat-no" title="statement not covered" > v</span>ar curClass = ' ' + el.className + ' ';
&nbsp;
<span class="cstat-no" title="statement not covered" > for (var i = 0, j = classes.length; i &lt; j; i++) {</span>
<span class="cstat-no" title="statement not covered" > v</span>ar clsName = classes[i];
<span class="cstat-no" title="statement not covered" > if (!clsName) <span class="cstat-no" title="statement not covered" >c</span></span>ontinue;
&nbsp;
<span class="cstat-no" title="statement not covered" > if (el.classList) {</span>
<span class="cstat-no" title="statement not covered" > e</span>l.classList.remove(clsName);
} else {
<span class="cstat-no" title="statement not covered" > if (hasClass(el, clsName)) {</span>
<span class="cstat-no" title="statement not covered" > c</span>urClass = curClass.replace(' ' + clsName + ' ', ' ');
}
}
}
<span class="cstat-no" title="statement not covered" > if (!el.classList) {</span>
<span class="cstat-no" title="statement not covered" > e</span>l.className = trim(curClass);
}
};
&nbsp;
&nbsp;</pre></td></tr>
</table></pre>
<div class='push'></div><!-- for sticky footer -->
</div><!-- /wrapper -->
<div class='footer quiet pad2 space-top1 center small'>
Code coverage
generated by <a href="http://istanbul-js.org/" target="_blank">istanbul</a> at Thu Mar 02 2017 17:21:26 GMT+0800 (CST)
</div>
</div>
<script src="../../prettify.js"></script>
<script>
window.onload = function () {
if (typeof prettyPrint === 'function') {
prettyPrint();
}
};
</script>
<script src="../../sorter.js"></script>
</body>
</html>
test/unit/coverage/lcov-report/src/utils/index.html
+123
View File
@@ -0,0 +1,123 @@
<!doctype html>
<html lang="en">
<head>
<title>Code coverage report for src/utils/</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="../../prettify.css" />
<link rel="stylesheet" href="../../base.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type='text/css'>
.coverage-summary .sorter {
background-image: url(../../sort-arrow-sprite.png);
}
</style>
</head>
<body>
<div class='wrapper'>
<div class='pad1'>
<h1>
<a href="../../index.html">all files</a> src/utils/
</h1>
<div class='clearfix'>
<div class='fl pad1y space-right2'>
<span class="strong">33.06% </span>
<span class="quiet">Statements</span>
<span class='fraction'>40/121</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">9.8% </span>
<span class="quiet">Branches</span>
<span class='fraction'>10/102</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">11.11% </span>
<span class="quiet">Functions</span>
<span class='fraction'>1/9</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">31.68% </span>
<span class="quiet">Lines</span>
<span class='fraction'>32/101</span>
</div>
<div class='fl pad1y'>
<span class="strong">1 branch</span>
<span class="quiet">Ignored</span> &nbsp;&nbsp;&nbsp;&nbsp;
</div>
</div>
</div>
<div class='status-line low'></div>
<div class="pad1">
<table class="coverage-summary">
<thead>
<tr>
<th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
<th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
<th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
<th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
<th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
<th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
<th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
<th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
<th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
<th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
</tr>
</thead>
<tbody><tr>
<td class="file low" data-value="dom.js"><a href="dom.js.html">dom.js</a></td>
<td data-value="18.18" class="pic low"><div class="chart"><div class="cover-fill" style="width: 18%;"></div><div class="cover-empty" style="width:82%;"></div></div></td>
<td data-value="18.18" class="pct low">18.18%</td>
<td data-value="44" class="abs low">8/44</td>
<td data-value="0" class="pct low">0%</td>
<td data-value="34" class="abs low">0/34</td>
<td data-value="0" class="pct low">0%</td>
<td data-value="4" class="abs low">0/4</td>
<td data-value="14.29" class="pct low">14.29%</td>
<td data-value="35" class="abs low">5/35</td>
</tr>
<tr>
<td class="file low" data-value="merge.js"><a href="merge.js.html">merge.js</a></td>
<td data-value="16.67" class="pic low"><div class="chart"><div class="cover-fill" style="width: 16%;"></div><div class="cover-empty" style="width:84%;"></div></div></td>
<td data-value="16.67" class="pct low">16.67%</td>
<td data-value="12" class="abs low">2/12</td>
<td data-value="0" class="pct low">0%</td>
<td data-value="6" class="abs low">0/6</td>
<td data-value="0" class="pct low">0%</td>
<td data-value="1" class="abs low">0/1</td>
<td data-value="10" class="pct low">10%</td>
<td data-value="10" class="abs low">1/10</td>
</tr>
<tr>
<td class="file low" data-value="transition.js"><a href="transition.js.html">transition.js</a></td>
<td data-value="46.15" class="pic low"><div class="chart"><div class="cover-fill" style="width: 46%;"></div><div class="cover-empty" style="width:54%;"></div></div></td>
<td data-value="46.15" class="pct low">46.15%</td>
<td data-value="65" class="abs low">30/65</td>
<td data-value="16.13" class="pct low">16.13%</td>
<td data-value="62" class="abs low">10/62</td>
<td data-value="25" class="pct low">25%</td>
<td data-value="4" class="abs low">1/4</td>
<td data-value="46.43" class="pct low">46.43%</td>
<td data-value="56" class="abs low">26/56</td>
</tr>
</tbody>
</table>
</div><div class='push'></div><!-- for sticky footer -->
</div><!-- /wrapper -->
<div class='footer quiet pad2 space-top1 center small'>
Code coverage
generated by <a href="http://istanbul-js.org/" target="_blank">istanbul</a> at Thu Mar 02 2017 17:21:26 GMT+0800 (CST)
</div>
</div>
<script src="../../prettify.js"></script>
<script>
window.onload = function () {
if (typeof prettyPrint === 'function') {
prettyPrint();
}
};
</script>
<script src="../../sorter.js"></script>
</body>
</html>
test/unit/coverage/lcov-report/src/utils/merge.js.html
+113
View File
@@ -0,0 +1,113 @@
<!doctype html>
<html lang="en">
<head>
<title>Code coverage report for src/utils/merge.js</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="../../prettify.css" />
<link rel="stylesheet" href="../../base.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type='text/css'>
.coverage-summary .sorter {
background-image: url(../../sort-arrow-sprite.png);
}
</style>
</head>
<body>
<div class='wrapper'>
<div class='pad1'>
<h1>
<a href="../../index.html">all files</a> / <a href="index.html">src/utils/</a> merge.js
</h1>
<div class='clearfix'>
<div class='fl pad1y space-right2'>
<span class="strong">16.67% </span>
<span class="quiet">Statements</span>
<span class='fraction'>2/12</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">0% </span>
<span class="quiet">Branches</span>
<span class='fraction'>0/6</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">0% </span>
<span class="quiet">Functions</span>
<span class='fraction'>0/1</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">10% </span>
<span class="quiet">Lines</span>
<span class='fraction'>1/10</span>
</div>
</div>
</div>
<div class='status-line low'></div>
<pre><table class="coverage">
<tr><td class="line-count quiet">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17</td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">export default <span class="fstat-no" title="function not covered" >function(target, ...<span class="cstat-no" title="statement not covered" >sources) <span class="cstat-no" title="statement not covered" >{</span></span></span>
<span class="cstat-no" title="statement not covered" > for (let i = 0; i &lt; sources.length; i++) {</span>
<span class="cstat-no" title="statement not covered" > l</span>et source = sources[i] || {};
<span class="cstat-no" title="statement not covered" > for (let prop in source) {</span>
<span class="cstat-no" title="statement not covered" > if (source.hasOwnProperty(prop)) {</span>
<span class="cstat-no" title="statement not covered" > l</span>et value = source[prop];
<span class="cstat-no" title="statement not covered" > if (value !== undefined) {</span>
<span class="cstat-no" title="statement not covered" > t</span>arget[prop] = value;
}
}
}
}
&nbsp;
<span class="cstat-no" title="statement not covered" > r</span>eturn target;
};
&nbsp;
&nbsp;</pre></td></tr>
</table></pre>
<div class='push'></div><!-- for sticky footer -->
</div><!-- /wrapper -->
<div class='footer quiet pad2 space-top1 center small'>
Code coverage
generated by <a href="http://istanbul-js.org/" target="_blank">istanbul</a> at Thu Mar 02 2017 17:21:26 GMT+0800 (CST)
</div>
</div>
<script src="../../prettify.js"></script>
<script>
window.onload = function () {
if (typeof prettyPrint === 'function') {
prettyPrint();
}
};
</script>
<script src="../../sorter.js"></script>
</body>
</html>
test/unit/coverage/lcov-report/src/utils/transition.js.html
+372
View File
@@ -0,0 +1,372 @@
<!doctype html>
<html lang="en">
<head>
<title>Code coverage report for src/utils/transition.js</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="../../prettify.css" />
<link rel="stylesheet" href="../../base.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type='text/css'>
.coverage-summary .sorter {
background-image: url(../../sort-arrow-sprite.png);
}
</style>
</head>
<body>
<div class='wrapper'>
<div class='pad1'>
<h1>
<a href="../../index.html">all files</a> / <a href="index.html">src/utils/</a> transition.js
</h1>
<div class='clearfix'>
<div class='fl pad1y space-right2'>
<span class="strong">46.15% </span>
<span class="quiet">Statements</span>
<span class='fraction'>30/65</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">16.13% </span>
<span class="quiet">Branches</span>
<span class='fraction'>10/62</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">25% </span>
<span class="quiet">Functions</span>
<span class='fraction'>1/4</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">46.43% </span>
<span class="quiet">Lines</span>
<span class='fraction'>26/56</span>
</div>
<div class='fl pad1y'>
<span class="strong">1 branch</span>
<span class="quiet">Ignored</span> &nbsp;&nbsp;&nbsp;&nbsp;
</div>
</div>
</div>
<div class='status-line low'></div>
<pre><table class="coverage">
<tr><td class="line-count quiet">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102</td><td class="line-coverage quiet"><span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import Vue from 'vue';
&nbsp;
var exportObj = {};
&nbsp;
<span class="missing-if-branch" title="else path not taken" >E</span>if (!Vue.prototype.$isServer) {
var docStyle = document.documentElement.style;
var engine;
var translate3d = false;
&nbsp;
<span class="missing-if-branch" title="if path not taken" >I</span>i</span>f (window.opera &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >Object.prototype.toString.call(window.opera) === '[object Opera]') {
<span class="cstat-no" title="statement not covered" > e</span>ngine = 'presto';
} else <span class="missing-if-branch" title="if path not taken" >I</span>if ('MozAppearance' in docStyle) {
<span class="cstat-no" title="statement not covered" > e</span>ngine = 'gecko';
} else <span class="missing-if-branch" title="else path not taken" >E</span>if ('WebkitAppearance' in docStyle) {
engine = 'webkit';
} else <span class="cstat-no" title="statement not covered" >if (typeof navigator.cpuClass === 'string') {</span>
<span class="cstat-no" title="statement not covered" > e</span>ngine = 'trident';
}
&nbsp;
var cssPrefix = {trident: '-ms-', gecko: '-moz-', webkit: '-webkit-', presto: '-o-'}[engine];
&nbsp;
var vendorPrefix = {trident: 'ms', gecko: 'Moz', webkit: 'Webkit', presto: 'O'}[engine];
&nbsp;
var helperElem = document.createElement('div');
var perspectiveProperty = vendorPrefix + 'Perspective';
var transformProperty = vendorPrefix + 'Transform';
var transformStyleName = cssPrefix + 'transform';
var transitionProperty = vendorPrefix + 'Transition';
var transitionStyleName = cssPrefix + 'transition';
var transitionEndProperty = vendorPrefix.toLowerCase() + 'TransitionEnd';
&nbsp;
<span class="missing-if-branch" title="else path not taken" >E</span>if (helperElem.style[perspectiveProperty] !== undefined) {
translate3d = true;
}
&nbsp;
var getTranslate = <span class="fstat-no" title="function not covered" >function(element) {</span>
<span class="cstat-no" title="statement not covered" > v</span>ar result = {left: 0, top: 0};
<span class="cstat-no" title="statement not covered" > if (element === null || element.style === null) <span class="cstat-no" title="statement not covered" >r</span></span>eturn result;
&nbsp;
<span class="cstat-no" title="statement not covered" > v</span>ar transform = element.style[transformProperty];
<span class="cstat-no" title="statement not covered" > v</span>ar matches = /translate\(\s*(-?\d+(\.?\d+?)?)px,\s*(-?\d+(\.\d+)?)px\)\s*translateZ\(0px\)/ig.exec(transform);
<span class="cstat-no" title="statement not covered" > if (matches) {</span>
<span class="cstat-no" title="statement not covered" > r</span>esult.left = +matches[1];
<span class="cstat-no" title="statement not covered" > r</span>esult.top = +matches[3];
}
&nbsp;
<span class="cstat-no" title="statement not covered" > r</span>eturn result;
};
&nbsp;
var translateElement = <span class="fstat-no" title="function not covered" >function(element, x, y) {</span>
<span class="cstat-no" title="statement not covered" > if (x === null &amp;&amp; y === null) <span class="cstat-no" title="statement not covered" >r</span></span>eturn;
&nbsp;
<span class="cstat-no" title="statement not covered" > if (element === null || element === undefined || element.style === null) <span class="cstat-no" title="statement not covered" >r</span></span>eturn;
&nbsp;
<span class="cstat-no" title="statement not covered" > if (!element.style[transformProperty] &amp;&amp; x === 0 &amp;&amp; y === 0) <span class="cstat-no" title="statement not covered" >r</span></span>eturn;
&nbsp;
<span class="cstat-no" title="statement not covered" > if (x === null || y === null) {</span>
<span class="cstat-no" title="statement not covered" > v</span>ar translate = getTranslate(element);
<span class="cstat-no" title="statement not covered" > if (x === null) {</span>
<span class="cstat-no" title="statement not covered" > x</span> = translate.left;
}
<span class="cstat-no" title="statement not covered" > if (y === null) {</span>
<span class="cstat-no" title="statement not covered" > y</span> = translate.top;
}
}
&nbsp;
<span class="cstat-no" title="statement not covered" > c</span>ancelTranslateElement(element);
&nbsp;
<span class="cstat-no" title="statement not covered" > if (translate3d) {</span>
<span class="cstat-no" title="statement not covered" > e</span>lement.style[transformProperty] += ' translate(' + (x ? (x + 'px') : '0px') + ',' + (y ? (y + 'px') : '0px') + ') translateZ(0px)';
} else {
<span class="cstat-no" title="statement not covered" > e</span>lement.style[transformProperty] += ' translate(' + (x ? (x + 'px') : '0px') + ',' + (y ? (y + 'px') : '0px') + ')';
}
};
&nbsp;
var cancelTranslateElement = <span class="fstat-no" title="function not covered" >function(element) {</span>
<span class="cstat-no" title="statement not covered" > if (element === null || element.style === null) <span class="cstat-no" title="statement not covered" >r</span></span>eturn;
&nbsp;
<span class="cstat-no" title="statement not covered" > v</span>ar transformValue = element.style[transformProperty];
&nbsp;
<span class="cstat-no" title="statement not covered" > if (transformValue) {</span>
<span class="cstat-no" title="statement not covered" > t</span>ransformValue = transformValue.replace(/translate\(\s*(-?\d+(\.?\d+?)?)px,\s*(-?\d+(\.\d+)?)px\)\s*translateZ\(0px\)/g, '');
<span class="cstat-no" title="statement not covered" > e</span>lement.style[transformProperty] = transformValue;
}
};
&nbsp;
exportObj = {
transformProperty: transformProperty,
transformStyleName: transformStyleName,
transitionProperty: transitionProperty,
transitionStyleName: transitionStyleName,
transitionEndProperty: transitionEndProperty,
getElementTranslate: getTranslate,
translateElement: translateElement,
cancelTranslateElement: cancelTranslateElement
};
};
&nbsp;
export default exportObj;
&nbsp;
&nbsp;
&nbsp;</pre></td></tr>
</table></pre>
<div class='push'></div><!-- for sticky footer -->
</div><!-- /wrapper -->
<div class='footer quiet pad2 space-top1 center small'>
Code coverage
generated by <a href="http://istanbul-js.org/" target="_blank">istanbul</a> at Thu Mar 02 2017 17:21:26 GMT+0800 (CST)
</div>
</div>
<script src="../../prettify.js"></script>
<script>
window.onload = function () {
if (typeof prettyPrint === 'function') {
prettyPrint();
}
};
</script>
<script src="../../sorter.js"></script>
</body>
</html>