unit test init

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