← Back to branch summary

~ubuntu-branches/ubuntu/precise/whoopsie-daisy/precise-proposed

« back to all changes in this revision

Viewing changes to backend/stats/static/js/yui/tests/slider/tests/slider-base-tests.js

  • Committer: Package Import Robot
  • Author(s): Evan Dandrea
  • Date: 2012-04-18 13:04:36 UTC
  • Revision ID: package-import@ubuntu.com-20120418130436-vmt93p8fds516lws
Tags: 0.1.32
Fix failing tests on powerpc and ARM.

Show diffs side-by-side

added added

removed removed

Lines of Context:
backend/stats/static/js/yui/tests/slider/tests/slider-base-tests.js
 
1
YUI.add('slider-base-tests', function(Y) {
 
2
 
 
3
// copied this from event-key-test.js to add tests for changing value by keyboard
 
4
Y.Node.prototype.key = function (keyCode, charCode, mods, type) {
 
5
    var simulate = Y.Event.simulate,
 
6
        el       = this._node,
 
7
        config   = Y.merge(mods || {});
 
8
 
 
9
    if (type) {
 
10
        if (type === 'keypress') {
 
11
            config.charCode = config.keyCode = config.which = charCode || keyCode;
 
12
        } else {
 
13
            config.keyCode = config.which = keyCode;
 
14
        }
 
15
        simulate(el, type, config);
 
16
    } else {
 
17
        config.keyCode = config.which = keyCode;
 
18
        simulate(el, 'keydown', config);
 
19
        simulate(el, 'keyup', config);
 
20
 
 
21
        config.charCode = config.keyCode = config.which = charCode || keyCode;
 
22
        simulate(el, 'keypress', config);
 
23
    }
 
24
};
 
25
// END   copied this from event-key-test.js to add tests for changing value by keyboard
 
26
 
 
27
var suite = new Y.Test.Suite("Y.Slider");
 
28
 
 
29
suite.add( new Y.Test.Case({
 
30
    name: "Lifecycle",
 
31
 
 
32
    setUp: function () {
 
33
        Y.one("body").append('<div id="testbed"></div>');
 
34
    },
 
35
 
 
36
    tearDown: function () {
 
37
        Y.one("#testbed").remove(true);
 
38
    },
 
39
 
 
40
    "test default construction": function () {
 
41
        Y.Assert.isInstanceOf( Y.Slider, new Y.Slider() );
 
42
    },
 
43
 
 
44
    "test SliderBase construction": function () {
 
45
        Y.Assert.isInstanceOf( Y.SliderBase, new Y.SliderBase() );
 
46
    },
 
47
 
 
48
    "test render(selector)": function () {
 
49
        Y.one("#testbed").setContent(
 
50
            "<div></div>" +   // block element
 
51
            '<div class="floated" style="float:left"></div>' + // float
 
52
            "<p></p>" +       // limited block element
 
53
            "<span></span>"); // inline element
 
54
 
 
55
        (new Y.Slider().render("#testbed > div"));
 
56
        (new Y.Slider().render("#testbed > div.floated"));
 
57
        (new Y.Slider().render("#testbed > p"));
 
58
        (new Y.Slider().render("#testbed > span"));
 
59
 
 
60
        var div  = Y.one("#testbed > div"),
 
61
            fl   = Y.one("#testbed > div.floated"),
 
62
            p    = Y.one("#testbed > p"),
 
63
            span = Y.one("#testbed > span");
 
64
 
 
65
        Y.assert( (div.get("offsetHeight") > 0) );
 
66
        Y.assert( (fl.get("offsetHeight") > 0) );
 
67
        Y.assert( (p.get("offsetHeight") > 0) );
 
68
        Y.assert( (span.get("offsetHeight") > 0) );
 
69
 
 
70
        Y.assert( (fl.get("offsetWidth") > 0) );
 
71
        Y.assert( (span.get("offsetWidth") > 0) );
 
72
 
 
73
        Y.Assert.areEqual( 8, div.all("span,img").size() );
 
74
        Y.Assert.areEqual( 8, fl.all("span,img").size() );
 
75
        Y.Assert.areEqual( 8, p.all("span,img").size() );
 
76
        Y.Assert.areEqual( 8, span.all("span,img").size() );
 
77
    },
 
78
 
 
79
    "test render( node )": function () {
 
80
        Y.one("#testbed").setContent(
 
81
            "<div></div>" +   // block element
 
82
            '<div class="floated" style="float:left"></div>' + // float
 
83
            "<p></p>" +       // limited block element
 
84
            "<span></span>"); // inline element
 
85
 
 
86
        var div  = Y.one("#testbed > div"),
 
87
            fl   = Y.one("#testbed > div.floated"),
 
88
            p    = Y.one("#testbed > p"),
 
89
            span = Y.one("#testbed > span");
 
90
 
 
91
        (new Y.Slider().render(div));
 
92
        (new Y.Slider().render(fl));
 
93
        (new Y.Slider().render(p));
 
94
        (new Y.Slider().render(span));
 
95
 
 
96
        Y.assert( (div.get("offsetHeight") > 0) );
 
97
        Y.assert( (fl.get("offsetHeight") > 0) );
 
98
        Y.assert( (p.get("offsetHeight") > 0) );
 
99
        Y.assert( (span.get("offsetHeight") > 0) );
 
100
 
 
101
        Y.assert( (fl.get("offsetWidth") > 0) );
 
102
        Y.assert( (span.get("offsetWidth") > 0) );
 
103
 
 
104
        Y.Assert.areEqual( 8, div.all("span,img").size() );
 
105
        Y.Assert.areEqual( 8, fl.all("span,img").size() );
 
106
        Y.Assert.areEqual( 8, p.all("span,img").size() );
 
107
        Y.Assert.areEqual( 8, span.all("span,img").size() );
 
108
    },
 
109
 
 
110
    "test render: selector attrib in constructor": function () {
 
111
        Y.one("#testbed").setContent(
 
112
            "<div></div>" +   // block element
 
113
            '<div class="floated" style="float:left"></div>' + // float
 
114
            "<p></p>" +       // limited block element
 
115
            "<span></span>"); // inline element
 
116
 
 
117
        (new Y.Slider({ render: "#testbed > div" }));
 
118
        (new Y.Slider({ render: "#testbed > div.floated" }));
 
119
        (new Y.Slider({ render: "#testbed > p" }));
 
120
        (new Y.Slider({ render: "#testbed > span" }));
 
121
 
 
122
        var div  = Y.one("#testbed > div"),
 
123
            fl   = Y.one("#testbed > div.floated"),
 
124
            p    = Y.one("#testbed > p"),
 
125
            span = Y.one("#testbed > span");
 
126
 
 
127
        Y.assert( (div.get("offsetHeight") > 0) );
 
128
        Y.assert( (fl.get("offsetHeight") > 0) );
 
129
        Y.assert( (p.get("offsetHeight") > 0) );
 
130
        Y.assert( (span.get("offsetHeight") > 0) );
 
131
 
 
132
        Y.assert( (fl.get("offsetWidth") > 0) );
 
133
        Y.assert( (span.get("offsetWidth") > 0) );
 
134
 
 
135
        Y.Assert.areEqual( 8, div.all("span,img").size() );
 
136
        Y.Assert.areEqual( 8, fl.all("span,img").size() );
 
137
        Y.Assert.areEqual( 8, p.all("span,img").size() );
 
138
        Y.Assert.areEqual( 8, span.all("span,img").size() );
 
139
    },
 
140
 
 
141
    "test render: node attrib in constructor": function () {
 
142
        Y.one("#testbed").setContent(
 
143
            "<div></div>" +   // block element
 
144
            '<div class="floated" style="float:left"></div>' + // float
 
145
            "<p></p>" +       // limited block element
 
146
            "<span></span>"); // inline element
 
147
 
 
148
        var div  = Y.one("#testbed > div"),
 
149
            fl   = Y.one("#testbed > div.floated"),
 
150
            p    = Y.one("#testbed > p"),
 
151
            span = Y.one("#testbed > span");
 
152
 
 
153
        (new Y.Slider({ render: div }));
 
154
        (new Y.Slider({ render: fl }));
 
155
        (new Y.Slider({ render: p }));
 
156
        (new Y.Slider({ render: span }));
 
157
 
 
158
        Y.assert( (div.get("offsetHeight") > 0) );
 
159
        Y.assert( (fl.get("offsetHeight") > 0) );
 
160
        Y.assert( (p.get("offsetHeight") > 0) );
 
161
        Y.assert( (span.get("offsetHeight") > 0) );
 
162
 
 
163
        Y.assert( (fl.get("offsetWidth") > 0) );
 
164
        Y.assert( (span.get("offsetWidth") > 0) );
 
165
 
 
166
        Y.Assert.areEqual( 8, div.all("span,img").size() );
 
167
        Y.Assert.areEqual( 8, fl.all("span,img").size() );
 
168
        Y.Assert.areEqual( 8, p.all("span,img").size() );
 
169
        Y.Assert.areEqual( 8, span.all("span,img").size() );
 
170
    },
 
171
 
 
172
    "test render off DOM": function () {
 
173
        var container = Y.Node.create("<div></div>");
 
174
 
 
175
        (new Y.Slider().render(container));
 
176
 
 
177
        Y.Assert.areEqual( 8, container.all("span,img").size() );
 
178
    },
 
179
 
 
180
    "test destroy() before render": function () {
 
181
        var slider = new Y.Slider();
 
182
 
 
183
        slider.destroy();
 
184
 
 
185
        Y.Assert.isTrue( slider.get("destroyed") );
 
186
    },
 
187
 
 
188
    "test destroy() after render off DOM": function () {
 
189
        var container = Y.Node.create("<div></div>"),
 
190
            slider = new Y.Slider();
 
191
 
 
192
        slider.render( container );
 
193
 
 
194
        slider.destroy();
 
195
 
 
196
        Y.Assert.isTrue( slider.get("destroyed") );
 
197
 
 
198
        Y.Assert.isNull( container.get("firstChild") );
 
199
    },
 
200
 
 
201
    "test destroy() after render to DOM": function () {
 
202
        var slider = new Y.Slider();
 
203
 
 
204
        slider.render( "#testbed" );
 
205
 
 
206
        slider.destroy();
 
207
 
 
208
        Y.Assert.isTrue( slider.get("destroyed") );
 
209
 
 
210
        Y.Assert.isNull( Y.one("#testbed").get("firstChild") );
 
211
    }
 
212
}));
 
213
 
 
214
suite.add( new Y.Test.Case({
 
215
    name: "API",
 
216
 
 
217
    setUp: function () {
 
218
        Y.one('body').append('<div id="testbed"></div>');
 
219
 
 
220
        this.slider = new Y.Slider();
 
221
    },
 
222
 
 
223
    tearDown: function () {
 
224
        this.slider.destroy();
 
225
 
 
226
        Y.one('#testbed').remove(true);
 
227
    },
 
228
 
 
229
    "test getValue() and setValue(v) before render": function () {
 
230
        var s = this.slider;
 
231
 
 
232
        Y.Assert.areEqual( 0, s.getValue() );
 
233
 
 
234
        s.setValue(50);
 
235
        Y.Assert.areEqual( 50, s.getValue() );
 
236
 
 
237
        s.setValue(3.3333);
 
238
        Y.Assert.areEqual( 3, s.getValue() );
 
239
 
 
240
        // out of range constrained by setter
 
241
        s.setValue(-10);
 
242
        Y.Assert.areEqual( 0, s.getValue() );
 
243
 
 
244
        s.setValue(110);
 
245
        Y.Assert.areEqual( 100, s.getValue() );
 
246
        Y.Assert.areEqual( s.get('value'), s.getValue() );
 
247
 
 
248
        s.set('value', 6.66666);
 
249
        Y.Assert.areEqual( 7, s.getValue() );
 
250
        Y.Assert.areEqual( s.get('value'), s.getValue() );
 
251
    },
 
252
 
 
253
    "test getValue() and setValue(v) after render() to hidden container": function () {
 
254
        var container = Y.Node.create('<div></div>'),
 
255
            s = this.slider;
 
256
 
 
257
        s.render( container );
 
258
 
 
259
        Y.Assert.areEqual( 0, s.getValue() );
 
260
 
 
261
        s.setValue(50);
 
262
        Y.Assert.areEqual( 50, s.getValue() );
 
263
 
 
264
        s.setValue(3.3333);
 
265
        Y.Assert.areEqual( 3, s.getValue() );
 
266
 
 
267
        s.setValue(-10);
 
268
        Y.Assert.areEqual( 0, s.getValue() );
 
269
 
 
270
        s.setValue(110);
 
271
        Y.Assert.areEqual( 100, s.getValue() );
 
272
        Y.Assert.areEqual( s.get('value'), s.getValue() );
 
273
 
 
274
        s.set('value', 6.66666);
 
275
        Y.Assert.areEqual( 7, s.getValue() );
 
276
        Y.Assert.areEqual( s.get('value'), s.getValue() );
 
277
    },
 
278
 
 
279
    "test getValue() and setValue(v) after render() to DOM": function () {
 
280
        var s = this.slider;
 
281
 
 
282
        s.render('#testbed');
 
283
 
 
284
        Y.Assert.areEqual( 0, s.getValue() );
 
285
 
 
286
        s.setValue(50);
 
287
        Y.Assert.areEqual( 50, s.getValue() );
 
288
 
 
289
        s.setValue(3.3333);
 
290
        Y.Assert.areEqual( 3, s.getValue() );
 
291
 
 
292
        s.setValue(-10);
 
293
        Y.Assert.areEqual( 0, s.getValue() );
 
294
 
 
295
        s.setValue(110);
 
296
        Y.Assert.areEqual( 100, s.getValue() );
 
297
        Y.Assert.areEqual( s.get('value'), s.getValue() );
 
298
 
 
299
        s.set('value', 6.66666);
 
300
        Y.Assert.areEqual( 7, s.getValue() );
 
301
        Y.Assert.areEqual( s.get('value'), s.getValue() );
 
302
    },
 
303
 
 
304
    "setValue(v) then render() should position thumb": function () {
 
305
        var s = this.slider;
 
306
 
 
307
        s.setValue(20);
 
308
        s.render("#testbed");
 
309
 
 
310
        Y.Assert.areEqual( 27, parseInt(s.thumb.getStyle("left"),10) );
 
311
    },
 
312
 
 
313
    "setValue(v) after render() should move the thumb": function () {
 
314
        var s = this.slider;
 
315
 
 
316
        s.render('#testbed');
 
317
 
 
318
        Y.Assert.areEqual( 0, parseInt(s.thumb.getStyle('left'),10) );
 
319
 
 
320
        s.setValue(20);
 
321
        Y.Assert.areEqual( 27, parseInt(s.thumb.getStyle('left'),10) );
 
322
 
 
323
        s.setValue(0);
 
324
        Y.Assert.areEqual( 0, s.getValue() );
 
325
        Y.Assert.areEqual( 0, parseInt(s.thumb.getStyle('left'),10) );
 
326
 
 
327
        s.setValue(100);
 
328
        Y.Assert.areEqual( 100, s.getValue() );
 
329
        Y.Assert.areEqual( 135, parseInt(s.thumb.getStyle('left'),10) );
 
330
    },
 
331
 
 
332
    "setValue(v) when hidden should still move the thumb": function () {
 
333
        var s = this.slider;
 
334
 
 
335
        Y.one('#testbed').setStyle('display','none');
 
336
 
 
337
        s.render('#testbed');
 
338
 
 
339
        Y.Assert.areEqual( 0, parseInt(s.thumb.getStyle('left'),10) );
 
340
 
 
341
        s.setValue(20);
 
342
        Y.Assert.areEqual( 27, parseInt(s.thumb.getStyle('left'),10) );
 
343
 
 
344
 
 
345
        Y.one('#testbed').setStyle('display','');
 
346
        Y.Assert.areEqual( 27, parseInt(s.thumb.getStyle('left'),10) );
 
347
    }
 
348
}));
 
349
 
 
350
suite.add( new Y.Test.Case({
 
351
    name: "Attributes",
 
352
 
 
353
    _should: {
 
354
        fail: {
 
355
            // TODO This is a bug. invalid construction value should fallback
 
356
            // to specified attribute default
 
357
            "axis should only accept 'x', 'X', 'y', and 'Y'": true
 
358
        }
 
359
    },
 
360
 
 
361
    setUp: function () {
 
362
        Y.one('body').append('<span id="testbed"></span>');
 
363
    },
 
364
 
 
365
    tearDown: function () {
 
366
        Y.one('#testbed').remove(true);
 
367
    },
 
368
 
 
369
    "test axis": function () {
 
370
        var testbed = Y.one('#testbed'),
 
371
            slider = new Y.Slider({ axis: 'x' }).render( testbed ),
 
372
            bb = testbed.get("firstChild");
 
373
 
 
374
        Y.assert( (bb.get("offsetWidth") > 100), "offsetWidth > 100" );
 
375
        Y.assert( (bb.get("offsetHeight") < 50), "offsetHeight < 50" );
 
376
 
 
377
        slider.destroy();
 
378
 
 
379
        slider = new Y.Slider({ axis: 'y' }).render( testbed );
 
380
        bb = testbed.get("firstChild");
 
381
 
 
382
        Y.assert( (bb.get("offsetHeight") > 100), "offsetHeight > 100" );
 
383
        Y.assert( (bb.get("offsetWidth") < 50), "offsetWidth < 50" );
 
384
 
 
385
        slider.destroy();
 
386
    },
 
387
 
 
388
    "axis should be writeOnce": function () {
 
389
        var slider = new Y.Slider();
 
390
 
 
391
        Y.Assert.areEqual("x", slider.get("axis"));
 
392
 
 
393
        slider.set('axis', 'y');
 
394
        Y.Assert.areEqual("x", slider.get("axis"));
 
395
 
 
396
        slider.destroy();
 
397
 
 
398
        slider = new Y.Slider({ axis: 'y' });
 
399
        Y.Assert.areEqual("y", slider.get("axis"));
 
400
 
 
401
        slider.set('axis', 'x');
 
402
        Y.Assert.areEqual("y", slider.get("axis"));
 
403
    },
 
404
 
 
405
    "axis should only accept 'x', 'X', 'y', and 'Y'": function () {
 
406
        var attempts = "a b c 1 2 3 yx yy YX YY vertical vert eks".split(/ /);
 
407
 
 
408
        Y.each( attempts, function ( axis ) {
 
409
            var slider = new Y.Slider({ axis: axis });
 
410
            Y.Assert.areEqual("x", slider.get("axis"));
 
411
            slider.destroy();
 
412
        });
 
413
 
 
414
        attempts = ['y', 'Y'];
 
415
        Y.each( attempts, function ( axis ) {
 
416
            var slider = new Y.Slider({ axis: axis });
 
417
            Y.Assert.areEqual("y", slider.get("axis"));
 
418
            slider.destroy();
 
419
        });
 
420
    },
 
421
 
 
422
    "test length": function () {
 
423
        Y.one('#testbed').append('<div id="slider"></div><div id="ref"></div>');
 
424
 
 
425
        var testbed = Y.one("#slider"),
 
426
            ref     = Y.one("#ref"),
 
427
            slider, delta, bb;
 
428
 
 
429
        slider = new Y.Slider().render( testbed );
 
430
        bb = testbed.get('firstChild');
 
431
 
 
432
        delta = bb.get('offsetWidth') - parseInt(slider.get('length'), 10);
 
433
 
 
434
        slider.destroy();
 
435
 
 
436
        slider = new Y.Slider({ length: 50 }).render( testbed );
 
437
        bb = testbed.get('firstChild');
 
438
 
 
439
        Y.Assert.areEqual( (50 + delta), bb.get('offsetWidth') );
 
440
 
 
441
        slider.set('length', 300);
 
442
        Y.Assert.areEqual( (300 + delta), bb.get('offsetWidth') );
 
443
 
 
444
        slider.set('length', "-140px");
 
445
        Y.Assert.areEqual( (300 + delta), bb.get('offsetWidth') );
 
446
 
 
447
        ref.setStyle("width", "23.5em");
 
448
        slider.set('length', '23.5em');
 
449
        Y.Assert.areEqual( (ref.get('offsetWidth') + delta), bb.get('offsetWidth') );
 
450
 
 
451
        slider.destroy();
 
452
 
 
453
        slider = new Y.Slider({ axis: 'y' }).render( testbed );
 
454
        bb = testbed.get('firstChild');
 
455
 
 
456
        delta = bb.get('offsetHeight') - parseInt(slider.get('length'), 10);
 
457
 
 
458
        slider.destroy();
 
459
 
 
460
        slider = new Y.Slider({ axis: 'y', length: 50 }).render( testbed );
 
461
        bb = testbed.get('firstChild');
 
462
 
 
463
        Y.Assert.areEqual( (50 + delta), bb.get('offsetHeight') );
 
464
 
 
465
        slider.set('length', 300);
 
466
        Y.Assert.areEqual( (300 + delta), bb.get('offsetHeight') );
 
467
 
 
468
        slider.set('length', "-140px");
 
469
        Y.Assert.areEqual( (300 + delta), bb.get('offsetHeight') );
 
470
 
 
471
        ref.setStyle("height", "23.5em");
 
472
        slider.set('length', '23.5em');
 
473
        Y.Assert.areEqual( (ref.get('offsetHeight') + delta), bb.get('offsetHeight') );
 
474
    },
 
475
 
 
476
    "thumbUrl should default at render()": function () {
 
477
        var slider = new Y.Slider();
 
478
        
 
479
        Y.Assert.isNull( slider.get('thumbUrl') );
 
480
        
 
481
        slider.render('#testbed');
 
482
 
 
483
        Y.Assert.isString( slider.get('thumbUrl') );
 
484
 
 
485
        slider.destroy();
 
486
    },
 
487
 
 
488
    "thumbUrl should default to sam skin": function () {
 
489
        var slider = new Y.Slider().render("#testbed");
 
490
 
 
491
        Y.Assert.areEqual( Y.config.base + 'slider-base/assets/skins/sam/thumb-x.png', slider.get('thumbUrl') );
 
492
 
 
493
        slider.destroy();
 
494
    },
 
495
 
 
496
    "thumbUrl should default from the current skin": function () {
 
497
        var testbed = Y.one("#testbed"),
 
498
            slider  = new Y.Slider();
 
499
 
 
500
        testbed.addClass("yui3-skin-foo");
 
501
 
 
502
        slider.render( testbed );
 
503
 
 
504
        Y.Assert.areEqual( Y.config.base + 'slider-base/assets/skins/foo/thumb-x.png', slider.get('thumbUrl') );
 
505
 
 
506
        slider.destroy();
 
507
    },
 
508
 
 
509
    "test clickableRail": function () {
 
510
        
 
511
    },
 
512
 
 
513
    "test min": function () {
 
514
    },
 
515
 
 
516
    "test max": function () {
 
517
    },
 
518
 
 
519
    "test value": function () {
 
520
    }
 
521
}));
 
522
 
 
523
 
 
524
suite.add( new Y.Test.Case({
 
525
    name: "Keyboard",
 
526
 
 
527
    _should: {
 
528
        fail: {
 
529
            "test keyboard input and resultant value change, when Slider length is less than max - min": 2531498
 
530
        }
 
531
    },
 
532
 
 
533
    setUp: function () {
 
534
        Y.one("body").append('<div id="testbed"></div>');
 
535
    },
 
536
 
 
537
    tearDown: function () {
 
538
        Y.one("#testbed").remove(true);
 
539
    },
 
540
 
 
541
    "test keyboard input": function () {
 
542
        var slider = new Y.Slider({
 
543
            length: '350px',
 
544
            min   : 0,
 
545
            max   : 100,
 
546
            value : 50
 
547
        });
 
548
 
 
549
        slider.render( "#testbed" );
 
550
        Y.Assert.areEqual( 50, slider.get('value') );
 
551
        var thumb = slider.thumb;
 
552
        thumb.key(33); // pageUp  // .key() method is at top of this file
 
553
        Y.Assert.areEqual(60, slider.get('value'));
 
554
        thumb.key(38); // up
 
555
        Y.Assert.areEqual(61, slider.get('value'));
 
556
        thumb.key(39); // right
 
557
        Y.Assert.areEqual(62, slider.get('value'));
 
558
        thumb.key(33); // pageUp
 
559
        Y.Assert.areEqual(72, slider.get('value'));
 
560
        thumb.key(40); // down
 
561
        Y.Assert.areEqual(71, slider.get('value'));
 
562
        thumb.key(34); // pageDown
 
563
        Y.Assert.areEqual(61, slider.get('value'));
 
564
        thumb.key(37); // left
 
565
        thumb.key(37); // left
 
566
        Y.Assert.areEqual(59, slider.get('value'));
 
567
        thumb.key(36); // home 
 
568
        Y.Assert.areEqual(0, slider.get('value'));
 
569
        thumb.key(35); // end 
 
570
        Y.Assert.areEqual(100, slider.get('value'));
 
571
        // beyond max
 
572
        thumb.key(33); // pageUp
 
573
        Y.Assert.areEqual(100, slider.get('value'));
 
574
        thumb.key(38); // up
 
575
        Y.Assert.areEqual(100, slider.get('value'));
 
576
        thumb.key(39); // right
 
577
        Y.Assert.areEqual(100, slider.get('value'));
 
578
 
 
579
        // min and beyond
 
580
        slider.set('value', 0);
 
581
        thumb.key(34); // pageDown
 
582
        Y.Assert.areEqual(0, slider.get('value'), "= pageDown at min");
 
583
        thumb.key(40); // down
 
584
        Y.Assert.areEqual(0, slider.get('value'));
 
585
        thumb.key(37); // left
 
586
        Y.Assert.areEqual(0, slider.get('value'));
 
587
 
 
588
        slider.destroy();
 
589
 
 
590
    },
 
591
    
 
592
    /*
 
593
     * This tests changing the value by one unit
 
594
     * that would not move the slider a full pixel
 
595
     * and because of ticket #2531498, was
 
596
     * changing the value back to previous value
 
597
     * to match the thumb position
 
598
     */                             
 
599
    "test keyboard input and resultant value change, when Slider length is less than max - min": function () {
 
600
        var slider = new Y.Slider({
 
601
            length: '30px',  // length less than max - min
 
602
            min   : 0,
 
603
            max   : 100,
 
604
            value : 0
 
605
        });
 
606
 
 
607
        slider.render( "#testbed" );
 
608
        Y.Assert.areEqual( 0, slider.get('value') );
 
609
        var thumb = slider.thumb;
 
610
        thumb.key(38); // up   // .key() method is at top of this file
 
611
        Y.Assert.areEqual(1, slider.get('value'), "** init at 0, then keyUp");
 
612
 
 
613
        slider.destroy();
 
614
 
 
615
    },
 
616
    
 
617
    "test ARIA attributes while values change by keyboard input": function () {
 
618
        var slider = new Y.Slider({
 
619
            length: '300px',  // length less than max - min
 
620
            min   : 0,
 
621
            max   : 100,
 
622
            value : 50
 
623
        });
 
624
 
 
625
        slider.render( "#testbed" );
 
626
        Y.Assert.areEqual( 50, slider.get('value') );
 
627
        var thumb = slider.thumb;
 
628
        Y.Assert.areEqual(0, thumb.getAttribute('aria-valuemin'));
 
629
        Y.Assert.areEqual(100, thumb.getAttribute('aria-valuemax'));
 
630
        thumb.key(38); // up   // .key() method is at top of this file
 
631
        Y.Assert.areEqual(51, thumb.getAttribute('aria-valuenow'));
 
632
        Y.Assert.areEqual(51, thumb.getAttribute('aria-valuetext'));
 
633
        thumb.key(33); // pageUp
 
634
        Y.Assert.areEqual(61, thumb.getAttribute('aria-valuenow'));
 
635
        Y.Assert.areEqual(61, thumb.getAttribute('aria-valuetext'));
 
636
 
 
637
        slider.destroy();
 
638
    }
 
639
}));
 
640
 
 
641
 
 
642
suite.add( new Y.Test.Case({
 
643
    name: "Runtime expectations",
 
644
 
 
645
    setUp: function () {
 
646
    },
 
647
 
 
648
    tearDown: function () {
 
649
    },
 
650
 
 
651
    "test ": function () {
 
652
    }
 
653
}));
 
654
 
 
655
/*
 
656
suite.add( new Y.Test.Case({
 
657
    name: "Bugs",
 
658
 
 
659
    setUp: function () {
 
660
    },
 
661
 
 
662
    tearDown: function () {
 
663
    },
 
664
 
 
665
    "test ": function () {
 
666
    }
 
667
}));
 
668
*/
 
669
 
 
670
Y.Test.Runner.add( suite );
 
671
 
 
672
 
 
673
}, '@VERSION@' ,{requires:['slider-base', 'test']});