unit test init
This commit is contained in:
pangxie1991
@@ -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"> </span>
|
||||
<span class="cline-any cline-yes">1×</span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-yes">1×</span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-yes">1×</span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-yes">1×</span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-no"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span>
|
||||
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">import { addClass, removeClass } from 'src/utils/dom';
|
||||
|
||||
let hasModal = false;
|
||||
|
||||
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;
|
||||
|
||||
<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();
|
||||
});
|
||||
|
||||
<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 && PopupManager.handleOverlayClick();
|
||||
});
|
||||
}
|
||||
|
||||
<span class="cstat-no" title="statement not covered" > r</span>eturn modalDom;
|
||||
};
|
||||
|
||||
const instances = {};
|
||||
|
||||
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,
|
||||
|
||||
modalStack: [],
|
||||
|
||||
nextZIndex() {
|
||||
<span class="cstat-no" title="statement not covered" > r</span>eturn this.zIndex++;
|
||||
},
|
||||
|
||||
getInstance(id) {
|
||||
<span class="cstat-no" title="statement not covered" > r</span>eturn instances[id];
|
||||
},
|
||||
|
||||
register(id, instance) {
|
||||
<span class="cstat-no" title="statement not covered" > if (id && instance) {</span>
|
||||
<span class="cstat-no" title="statement not covered" > i</span>nstances[id] = instance;
|
||||
}
|
||||
},
|
||||
|
||||
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];
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 遮罩层点击回调，`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;
|
||||
|
||||
<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 && instance.closeOnClickOverlay) {</span>
|
||||
<span class="cstat-no" title="statement not covered" > i</span>nstance.close();
|
||||
}
|
||||
},
|
||||
|
||||
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;
|
||||
|
||||
<span class="cstat-no" title="statement not covered" > c</span>onst modalStack = this.modalStack;
|
||||
|
||||
<span class="cstat-no" title="statement not covered" > for (let i = 0, len = modalStack.length; i < 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;
|
||||
}
|
||||
}
|
||||
|
||||
<span class="cstat-no" title="statement not covered" > c</span>onst modalDom = getModal();
|
||||
|
||||
<span class="cstat-no" title="statement not covered" > a</span>ddClass(modalDom, 'zan-modal');
|
||||
|
||||
<span class="cstat-no" title="statement not covered" > if (dom && dom.parentNode && 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);
|
||||
}
|
||||
|
||||
<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 = '';
|
||||
|
||||
<span class="cstat-no" title="statement not covered" > t</span>his.modalStack.push({ id: id, zIndex: zIndex });
|
||||
},
|
||||
|
||||
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();
|
||||
|
||||
<span class="cstat-no" title="statement not covered" > if (modalStack.length > 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 > 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 >= 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
<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" >() => {</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);
|
||||
|
||||
<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);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
export default PopupManager;
|
||||
|
||||
</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>
|
||||
Reference in New Issue
Block a user