1 |
/* |
2 |
* slider unit tests |
3 |
*/ |
4 |
(function( $ ) { |
5 |
// |
6 |
// Slider Test Helper Functions |
7 |
// |
8 |
|
9 |
var element, options; |
10 |
|
11 |
function handle() { |
12 |
return element.find( ".ui-slider-handle" ); |
13 |
} |
14 |
|
15 |
// Slider Tests |
16 |
module( "slider: core" ); |
17 |
|
18 |
test( "keydown HOME on handle sets value to min", function() { |
19 |
expect( 2 ); |
20 |
element = $( "<div></div>" ); |
21 |
options = { |
22 |
max: 5, |
23 |
min: -5, |
24 |
orientation: "horizontal", |
25 |
step: 1 |
26 |
}; |
27 |
element.slider( options ); |
28 |
|
29 |
element.slider( "value", 0 ); |
30 |
|
31 |
handle().simulate( "keydown", { keyCode: $.ui.keyCode.HOME } ); |
32 |
equal(element.slider( "value" ), options.min ); |
33 |
|
34 |
element.slider( "destroy" ); |
35 |
|
36 |
element = $( "<div></div>" ); |
37 |
options = { |
38 |
max: 5, |
39 |
min: -5, |
40 |
orientation: "vertical", |
41 |
step: 1 |
42 |
}; |
43 |
element.slider( options ); |
44 |
|
45 |
element.slider( "value", 0 ); |
46 |
|
47 |
handle().simulate( "keydown", { keyCode: $.ui.keyCode.HOME } ); |
48 |
equal(element.slider( "value" ), options.min) ; |
49 |
|
50 |
element.slider( "destroy" ); |
51 |
}); |
52 |
|
53 |
test( "keydown END on handle sets value to max", function() { |
54 |
expect( 2 ); |
55 |
element = $( "<div></div>" ); |
56 |
options = { |
57 |
max: 5, |
58 |
min: -5, |
59 |
orientation: "horizontal", |
60 |
step: 1 |
61 |
}; |
62 |
element.slider( options ); |
63 |
|
64 |
element.slider( "value", 0 ); |
65 |
|
66 |
handle().simulate( "keydown", { keyCode: $.ui.keyCode.END } ); |
67 |
equal(element.slider( "value" ), options.max) ; |
68 |
|
69 |
element.slider( "destroy" ); |
70 |
|
71 |
element = $( "<div></div>" ); |
72 |
options = { |
73 |
max: 5, |
74 |
min: -5, |
75 |
orientation: "vertical", |
76 |
step: 1 |
77 |
}; |
78 |
element.slider( options ); |
79 |
|
80 |
element.slider( "value", 0 ); |
81 |
|
82 |
handle().simulate( "keydown", { keyCode: $.ui.keyCode.END } ); |
83 |
equal(element.slider( "value" ), options.max ); |
84 |
|
85 |
element.slider( "destroy" ); |
86 |
}); |
87 |
|
88 |
test( "keydown PAGE_UP on handle increases value by 1/5 range, not greater than max", function() { |
89 |
expect( 4 ); |
90 |
$.each( [ "horizontal", "vertical" ], function( i, orientation ) { |
91 |
element = $( "<div></div>" ); |
92 |
options = { |
93 |
max: 100, |
94 |
min: 0, |
95 |
orientation: orientation, |
96 |
step: 1 |
97 |
}; |
98 |
element.slider( options ); |
99 |
|
100 |
element.slider( "value", 70); |
101 |
|
102 |
handle().simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_UP } ); |
103 |
equal(element.slider( "value" ), 90); |
104 |
|
105 |
handle().simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_UP } ); |
106 |
equal(element.slider( "value" ), 100); |
107 |
|
108 |
element.slider( "destroy" ); |
109 |
}); |
110 |
}); |
111 |
|
112 |
test( "keydown PAGE_DOWN on handle decreases value by 1/5 range, not less than min", function() { |
113 |
expect( 4 ); |
114 |
$.each( [ "horizontal", "vertical" ], function( i, orientation ) { |
115 |
element = $( "<div></div>" ); |
116 |
options = { |
117 |
max: 100, |
118 |
min: 0, |
119 |
orientation: orientation, |
120 |
step: 1 |
121 |
}; |
122 |
element.slider( options ); |
123 |
|
124 |
element.slider( "value", 30); |
125 |
|
126 |
handle().simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_DOWN } ); |
127 |
equal(element.slider( "value" ), 10); |
128 |
|
129 |
handle().simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_DOWN } ); |
130 |
equal(element.slider( "value" ), 0 ); |
131 |
|
132 |
element.slider( "destroy" ); |
133 |
}); |
134 |
}); |
135 |
|
136 |
test( "keydown UP on handle increases value by step, not greater than max", function() { |
137 |
expect( 4 ); |
138 |
element = $( "<div></div>" ); |
139 |
options = { |
140 |
max: 5, |
141 |
min: -5, |
142 |
orientation: "horizontal", |
143 |
step: 1 |
144 |
}; |
145 |
element.slider(options); |
146 |
|
147 |
element.slider( "value", options.max - options.step ); |
148 |
|
149 |
handle().simulate( "keydown", { keyCode: $.ui.keyCode.UP } ); |
150 |
equal(element.slider( "value" ), options.max ); |
151 |
|
152 |
handle().simulate( "keydown", { keyCode: $.ui.keyCode.UP } ); |
153 |
equal(element.slider( "value" ), options.max ); |
154 |
|
155 |
element.slider( "destroy" ); |
156 |
|
157 |
element = $( "<div></div>" ); |
158 |
options = { |
159 |
max: 5, |
160 |
min: -5, |
161 |
orientation: "vertical", |
162 |
step: 1 |
163 |
}; |
164 |
element.slider( options ); |
165 |
|
166 |
element.slider( "value", options.max - options.step ); |
167 |
|
168 |
handle().simulate( "keydown", { keyCode: $.ui.keyCode.UP } ); |
169 |
equal(element.slider( "value" ), options.max ); |
170 |
|
171 |
handle().simulate( "keydown", { keyCode: $.ui.keyCode.UP } ); |
172 |
equal(element.slider( "value" ), options.max ); |
173 |
|
174 |
element.slider( "destroy" ); |
175 |
}); |
176 |
|
177 |
test( "keydown RIGHT on handle increases value by step, not greater than max", function() { |
178 |
expect( 4 ); |
179 |
element = $( "<div></div>" ); |
180 |
options = { |
181 |
max: 5, |
182 |
min: -5, |
183 |
orientation: "horizontal", |
184 |
step: 1 |
185 |
}; |
186 |
element.slider(options); |
187 |
|
188 |
element.slider( "value", options.max - options.step ); |
189 |
|
190 |
handle().simulate( "keydown", { keyCode: $.ui.keyCode.RIGHT } ); |
191 |
equal(element.slider( "value" ), options.max); |
192 |
|
193 |
handle().simulate( "keydown", { keyCode: $.ui.keyCode.RIGHT } ); |
194 |
equal(element.slider( "value" ), options.max ); |
195 |
|
196 |
element.slider( "destroy" ); |
197 |
|
198 |
element = $( "<div></div>" ); |
199 |
options = { |
200 |
max: 5, |
201 |
min: -5, |
202 |
orientation: "vertical", |
203 |
step: 1 |
204 |
}; |
205 |
element.slider( options ); |
206 |
|
207 |
element.slider( "value", options.max - options.step ); |
208 |
|
209 |
handle().simulate( "keydown", { keyCode: $.ui.keyCode.RIGHT } ); |
210 |
equal(element.slider( "value" ), options.max ); |
211 |
|
212 |
handle().simulate( "keydown", { keyCode: $.ui.keyCode.RIGHT } ); |
213 |
equal(element.slider( "value" ), options.max ); |
214 |
|
215 |
element.slider( "destroy" ); |
216 |
}); |
217 |
|
218 |
test( "keydown DOWN on handle decreases value by step, not less than min", function() { |
219 |
expect( 4 ); |
220 |
element = $( "<div></div>" ); |
221 |
options = { |
222 |
max: 5, |
223 |
min: -5, |
224 |
orientation: "horizontal", |
225 |
step: 1 |
226 |
}; |
227 |
element.slider( options ); |
228 |
|
229 |
element.slider( "value", options.min + options.step ); |
230 |
|
231 |
handle().simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); |
232 |
equal(element.slider( "value" ), options.min); |
233 |
|
234 |
handle().simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); |
235 |
equal(element.slider( "value" ), options.min ); |
236 |
|
237 |
element.slider( "destroy" ); |
238 |
|
239 |
element = $( "<div></div>" ); |
240 |
options = { |
241 |
max: 5, |
242 |
min: -5, |
243 |
orientation: "vertical", |
244 |
step: 1 |
245 |
}; |
246 |
element.slider( options ); |
247 |
|
248 |
element.slider( "value", options.min + options.step ); |
249 |
|
250 |
handle().simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); |
251 |
equal(element.slider( "value" ), options.min); |
252 |
|
253 |
handle().simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); |
254 |
equal(element.slider( "value" ), options.min ); |
255 |
|
256 |
element.slider( "destroy" ); |
257 |
}); |
258 |
|
259 |
test( "keydown LEFT on handle decreases value by step, not less than min", function() { |
260 |
expect( 4 ); |
261 |
element = $( "<div></div>" ); |
262 |
options = { |
263 |
max: 5, |
264 |
min: -5, |
265 |
orientation: "horizontal", |
266 |
step: 1 |
267 |
}; |
268 |
element.slider(options); |
269 |
|
270 |
element.slider( "value", options.min + options.step ); |
271 |
|
272 |
handle().simulate( "keydown", { keyCode: $.ui.keyCode.LEFT } ); |
273 |
equal(element.slider( "value" ), options.min ); |
274 |
|
275 |
handle().simulate( "keydown", { keyCode: $.ui.keyCode.LEFT } ); |
276 |
equal(element.slider( "value" ), options.min ); |
277 |
|
278 |
element.slider( "destroy" ); |
279 |
|
280 |
element = $( "<div></div>" ); |
281 |
options = { |
282 |
max: 5, |
283 |
min: -5, |
284 |
orientation: "vertical", |
285 |
step: 1 |
286 |
}; |
287 |
element.slider( options ); |
288 |
|
289 |
element.slider( "value", options.min + options.step ); |
290 |
|
291 |
handle().simulate( "keydown", { keyCode: $.ui.keyCode.LEFT } ); |
292 |
equal(element.slider( "value" ), options.min ); |
293 |
|
294 |
handle().simulate( "keydown", { keyCode: $.ui.keyCode.LEFT } ); |
295 |
equal(element.slider( "value" ), options.min ); |
296 |
|
297 |
element.slider( "destroy" ); |
298 |
}); |
299 |
|
300 |
})( jQuery ); |