avalon2
Version:
an elegant efficient express mvvm framework
540 lines (539 loc) • 15.5 kB
HTML
<html lang="en">
<head>
<title>Code coverage report for vmodel/transaction.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">vmodel/</a> transaction.js
</h1>
<div class='clearfix'>
<div class='fl pad1y space-right2'>
<span class="strong">91.3% </span>
<span class="quiet">Statements</span>
<span class='fraction'>84/92</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">85.71% </span>
<span class="quiet">Branches</span>
<span class='fraction'>30/35</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">100% </span>
<span class="quiet">Functions</span>
<span class='fraction'>9/9</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">91.3% </span>
<span class="quiet">Lines</span>
<span class='fraction'>84/92</span>
</div>
</div>
</div>
<div class='status-line high'></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-neutral"> </span>
<span class="cline-any cline-neutral"> </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">3478×</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>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">600×</span>
<span class="cline-any cline-yes">334×</span>
<span class="cline-any cline-yes">266×</span>
<span class="cline-any cline-yes">266×</span>
<span class="cline-any cline-yes">266×</span>
<span class="cline-any cline-yes">334×</span>
<span class="cline-any cline-yes">334×</span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-yes">266×</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-yes">1×</span>
<span class="cline-any cline-yes">267×</span>
<span class="cline-any cline-yes">267×</span>
<span class="cline-any cline-yes">345×</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-yes">1×</span>
<span class="cline-any cline-yes">1272×</span>
<span class="cline-any cline-yes">1272×</span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-yes">1267×</span>
<span class="cline-any cline-yes">1267×</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-yes">1×</span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">940×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">939×</span>
<span class="cline-any cline-yes">939×</span>
<span class="cline-any cline-no"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-yes">939×</span>
<span class="cline-any cline-yes">939×</span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-yes">939×</span>
<span class="cline-any cline-yes">939×</span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-yes">939×</span>
<span class="cline-any cline-yes">939×</span>
<span class="cline-any cline-yes">939×</span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-yes">939×</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-yes">939×</span>
<span class="cline-any cline-yes">939×</span>
<span class="cline-any cline-yes">939×</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">939×</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-yes">1×</span>
<span class="cline-any cline-yes">939×</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-yes">939×</span>
<span class="cline-any cline-yes">1143×</span>
<span class="cline-any cline-yes">1143×</span>
<span class="cline-any cline-yes">1143×</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-yes">1143×</span>
<span class="cline-any cline-yes">1143×</span>
<span class="cline-any cline-yes">1143×</span>
<span class="cline-any cline-yes">1143×</span>
<span class="cline-any cline-yes">207×</span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-yes">936×</span>
<span class="cline-any cline-yes">936×</span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-yes">939×</span>
<span class="cline-any cline-yes">939×</span>
<span class="cline-any cline-yes">395×</span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-yes">544×</span>
<span class="cline-any cline-yes">544×</span>
<span class="cline-any cline-yes">542×</span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-yes">2×</span>
<span class="cline-any cline-yes">2×</span>
<span class="cline-any cline-yes">2×</span>
<span class="cline-any cline-yes">2×</span>
<span class="cline-any cline-yes">4×</span>
<span class="cline-any cline-yes">4×</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-yes">544×</span>
<span class="cline-any cline-yes">89×</span>
<span class="cline-any cline-yes">36×</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-yes">1×</span>
<span class="cline-any cline-yes">28×</span>
<span class="cline-any cline-yes">28×</span>
<span class="cline-any cline-yes">28×</span>
<span class="cline-any cline-yes">28×</span>
<span class="cline-any cline-yes">28×</span>
<span class="cline-any cline-yes">28×</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-yes">295×</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-yes">295×</span>
<span class="cline-any cline-yes">266×</span>
<span class="cline-any cline-yes">266×</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 { avalon, config } from '../seed/core'
avalon.pendingActions = []
avalon.uniqActions = {}
avalon.inTransaction = 0
config.trackDeps = false
avalon.track = function() {
<span class="missing-if-branch" title="if path not taken" >I</span>if (config.trackDeps) {
<span class="cstat-no" title="statement not covered" > avalon.log.apply(avalon, arguments)</span>
}
}
/**
* Batch is a pseudotransaction, just for purposes of memoizing ComputedValues when nothing else does.
* During a batch `onBecomeUnobserved` will be called at most once per observable.
* Avoids unnecessary recalculations.
*/
export function runActions() {
if (avalon.isRunningActions === true || avalon.inTransaction > 0)
return
avalon.isRunningActions = true
var tasks = avalon.pendingActions.splice(0, avalon.pendingActions.length)
for (var i = 0, task; task = tasks[i++];) {
task.update()
delete avalon.uniqActions[task.uuid]
}
avalon.isRunningActions = false
}
export function propagateChanged(target) {
var list = target.observers
for (var i = 0, el; el = list[i++];) {
el.schedule(); //通知action, computed做它们该做的事
}
}
//将自己抛到市场上卖
export function reportObserved(target) {
var action = avalon.trackingAction || null
if (action !== null) {
avalon.track('征收到', target.expr)
action.mapIDs[target.uuid] = target;
}
}
var targetStack = []
export function collectDeps(action, getter) {
if (!action.observers)
return
var preAction = avalon.trackingAction
<span class="missing-if-branch" title="if path not taken" >I</span>if (preAction) {
<span class="cstat-no" title="statement not covered" > targetStack.push(preAction)</span>
}
avalon.trackingAction = action
avalon.track('【action】', action.type, action.expr, '开始征收依赖项')
//多个observe持有同一个action
action.mapIDs = {} //重新收集依赖
var hasError = true,
result
try {
result = getter.call(action)
hasError = false
} finally {
<span class="missing-if-branch" title="if path not taken" >I</span>if (hasError) {
<span class="cstat-no" title="statement not covered" > avalon.warn('collectDeps fail', getter + '')</span>
<span class="cstat-no" title="statement not covered" > action.mapIDs = {}</span>
<span class="cstat-no" title="statement not covered" > avalon.trackingAction = preAction</span>
} else {
// 确保它总是为null
avalon.trackingAction = targetStack.pop()
try {
resetDeps(action)
} catch (e) {
<span class="cstat-no" title="statement not covered" > avalon.warn(e)</span>
}
}
return result
}
}
function resetDeps(action) {
var prev = action.observers,
curr = [],
checked = {},
ids = []
for (let i in action.mapIDs) {
let dep = action.mapIDs[i]
<span class="missing-if-branch" title="else path not taken" >E</span>if (!dep.isAction) {
<span class="missing-if-branch" title="if path not taken" >I</span>if (!dep.observers) { //如果它已经被销毁
<span class="cstat-no" title="statement not covered" > delete action.mapIDs[i]</span>
<span class="cstat-no" title="statement not covered" > continue</span>
}
ids.push(dep.uuid)
curr.push(dep)
checked[dep.uuid] = 1
if (dep.lastAccessedBy === action.uuid) {
continue
}
dep.lastAccessedBy = action.uuid
avalon.Array.ensure(dep.observers, action)
}
}
var ids = ids.sort().join(',')
if (ids === action.ids) {
return
}
action.ids = ids
if (!action.isComputed) {
action.observers = curr
} else {
action.depsCount = curr.length
action.deps = avalon.mix({}, action.mapIDs)
action.depsVersion = {};
for (let i in action.mapIDs) {
let dep = action.mapIDs[i]
action.depsVersion[dep.uuid] = dep.version
}
}
for (let i = 0, dep; dep = prev[i++];) {
if (!checked[dep.uuid]) {
avalon.Array.remove(dep.observers, action)
}
}
}
function transaction(action, thisArg, args) {
args = args || []
var name = 'transaction ' + (action.name || action.displayName || 'noop')
transactionStart(name)
var res = action.apply(thisArg, args)
transactionEnd(name)
return res
}
avalon.transaction = transaction
export function transactionStart(name) {
avalon.inTransaction += 1;
}
export function transactionEnd(name) {
if (--avalon.inTransaction === 0) {
avalon.isRunningActions = false
runActions()
}
}</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 Tue Dec 13 2016 18:10:11 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>