@@ -4,7 +4,8 @@ var _ = Vue.util
4
4
describe ( 'Staggering Transitions' , function ( ) {
5
5
6
6
var el
7
- var amount = 50
7
+ var delayAmount = 50
8
+ var multiplier = 2.5 // the bigger the slower, but safer
8
9
beforeEach ( function ( ) {
9
10
el = document . createElement ( 'div' )
10
11
document . body . appendChild ( el )
@@ -17,7 +18,7 @@ describe('Staggering Transitions', function () {
17
18
it ( 'as attribute' , function ( done ) {
18
19
var vm = new Vue ( {
19
20
el : el ,
20
- template : '<div v-repeat="list" v-transition="stagger" stagger="' + amount + '">{{a}}</div>' ,
21
+ template : '<div v-repeat="list" v-transition="stagger" stagger="' + delayAmount + '">{{a}}</div>' ,
21
22
data : {
22
23
list : [ ]
23
24
} ,
@@ -45,7 +46,7 @@ describe('Staggering Transitions', function () {
45
46
transitions : {
46
47
stagger : {
47
48
stagger : function ( i ) {
48
- return i * amount
49
+ return i * delayAmount
49
50
} ,
50
51
enter : function ( el , done ) {
51
52
_ . nextTick ( done )
@@ -62,7 +63,7 @@ describe('Staggering Transitions', function () {
62
63
it ( 'remove while staggered' , function ( done ) {
63
64
var vm = new Vue ( {
64
65
el : el ,
65
- template : '<div v-repeat="list" v-transition="stagger" stagger="' + amount + '">{{a}}</div>' ,
66
+ template : '<div v-repeat="list" v-transition="stagger" stagger="' + delayAmount + '">{{a}}</div>' ,
66
67
data : {
67
68
list : [ ]
68
69
} ,
@@ -86,14 +87,14 @@ describe('Staggering Transitions', function () {
86
87
// should have only one
87
88
expect ( el . innerHTML ) . toBe ( '<div class="stagger-transition">1</div>' )
88
89
done ( )
89
- } , amount * 2 )
90
+ } , delayAmount * multiplier )
90
91
} )
91
92
} )
92
93
93
94
it ( 'reorder while staggered' , function ( done ) {
94
95
var vm = new Vue ( {
95
96
el : el ,
96
- template : '<div v-repeat="list" v-transition="stagger" stagger="' + amount + '">{{a}}</div>' ,
97
+ template : '<div v-repeat="list" v-transition="stagger" stagger="' + delayAmount + '">{{a}}</div>' ,
97
98
data : {
98
99
list : [ ]
99
100
} ,
@@ -121,7 +122,7 @@ describe('Staggering Transitions', function () {
121
122
'<div class="stagger-transition">1</div>'
122
123
)
123
124
done ( )
124
- } , amount * 3 )
125
+ } , delayAmount * 3 )
125
126
} )
126
127
} )
127
128
@@ -148,10 +149,10 @@ describe('Staggering Transitions', function () {
148
149
setTimeout ( function ( ) {
149
150
expect ( el . innerHTML ) . toBe ( '' )
150
151
done ( )
151
- } , amount * 2 )
152
+ } , delayAmount * multiplier )
152
153
} )
153
154
} )
154
- } , amount * 2 )
155
+ } , delayAmount * multiplier )
155
156
} )
156
157
} )
157
158
}
0 commit comments