← Back to branch summary

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

« back to all changes in this revision

Viewing changes to backend/stats/static/js/yui/3.4.1/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/3.4.1/tests/slider/tests/slider-base-tests.js
1
 
YUI.add('slider-base-tests', function(Y) {
2
 
 
3
 
var suite = new Y.Test.Suite("Y.Slider");
4
 
 
5
 
suite.add( new Y.Test.Case({
6
 
    name: "Lifecycle",
7
 
 
8
 
    setUp: function () {
9
 
        Y.one("body").append('<div id="testbed"></div>');
10
 
    },
11
 
 
12
 
    tearDown: function () {
13
 
        Y.one("#testbed").remove(true);
14
 
    },
15
 
 
16
 
    "test default construction": function () {
17
 
        Y.Assert.isInstanceOf( Y.Slider, new Y.Slider() );
18
 
    },
19
 
 
20
 
    "test SliderBase construction": function () {
21
 
        Y.Assert.isInstanceOf( Y.SliderBase, new Y.SliderBase() );
22
 
    },
23
 
 
24
 
    "test render(selector)": function () {
25
 
        Y.one("#testbed").setContent(
26
 
            "<div></div>" +   // block element
27
 
            '<div class="floated" style="float:left"></div>' + // float
28
 
            "<p></p>" +       // limited block element
29
 
            "<span></span>"); // inline element
30
 
 
31
 
        (new Y.Slider().render("#testbed > div"));
32
 
        (new Y.Slider().render("#testbed > div.floated"));
33
 
        (new Y.Slider().render("#testbed > p"));
34
 
        (new Y.Slider().render("#testbed > span"));
35
 
 
36
 
        var div  = Y.one("#testbed > div"),
37
 
            fl   = Y.one("#testbed > div.floated"),
38
 
            p    = Y.one("#testbed > p"),
39
 
            span = Y.one("#testbed > span");
40
 
 
41
 
        Y.assert( (div.get("offsetHeight") > 0) );
42
 
        Y.assert( (fl.get("offsetHeight") > 0) );
43
 
        Y.assert( (p.get("offsetHeight") > 0) );
44
 
        Y.assert( (span.get("offsetHeight") > 0) );
45
 
 
46
 
        Y.assert( (fl.get("offsetWidth") > 0) );
47
 
        Y.assert( (span.get("offsetWidth") > 0) );
48
 
 
49
 
        Y.Assert.areEqual( 8, div.all("span,img").size() );
50
 
        Y.Assert.areEqual( 8, fl.all("span,img").size() );
51
 
        Y.Assert.areEqual( 8, p.all("span,img").size() );
52
 
        Y.Assert.areEqual( 8, span.all("span,img").size() );
53
 
    },
54
 
 
55
 
    "test render( node )": function () {
56
 
        Y.one("#testbed").setContent(
57
 
            "<div></div>" +   // block element
58
 
            '<div class="floated" style="float:left"></div>' + // float
59
 
            "<p></p>" +       // limited block element
60
 
            "<span></span>"); // inline element
61
 
 
62
 
        var div  = Y.one("#testbed > div"),
63
 
            fl   = Y.one("#testbed > div.floated"),
64
 
            p    = Y.one("#testbed > p"),
65
 
            span = Y.one("#testbed > span");
66
 
 
67
 
        (new Y.Slider().render(div));
68
 
        (new Y.Slider().render(fl));
69
 
        (new Y.Slider().render(p));
70
 
        (new Y.Slider().render(span));
71
 
 
72
 
        Y.assert( (div.get("offsetHeight") > 0) );
73
 
        Y.assert( (fl.get("offsetHeight") > 0) );
74
 
        Y.assert( (p.get("offsetHeight") > 0) );
75
 
        Y.assert( (span.get("offsetHeight") > 0) );
76
 
 
77
 
        Y.assert( (fl.get("offsetWidth") > 0) );
78
 
        Y.assert( (span.get("offsetWidth") > 0) );
79
 
 
80
 
        Y.Assert.areEqual( 8, div.all("span,img").size() );
81
 
        Y.Assert.areEqual( 8, fl.all("span,img").size() );
82
 
        Y.Assert.areEqual( 8, p.all("span,img").size() );
83
 
        Y.Assert.areEqual( 8, span.all("span,img").size() );
84
 
    },
85
 
 
86
 
    "test render: selector attrib in constructor": function () {
87
 
        Y.one("#testbed").setContent(
88
 
            "<div></div>" +   // block element
89
 
            '<div class="floated" style="float:left"></div>' + // float
90
 
            "<p></p>" +       // limited block element
91
 
            "<span></span>"); // inline element
92
 
 
93
 
        (new Y.Slider({ render: "#testbed > div" }));
94
 
        (new Y.Slider({ render: "#testbed > div.floated" }));
95
 
        (new Y.Slider({ render: "#testbed > p" }));
96
 
        (new Y.Slider({ render: "#testbed > span" }));
97
 
 
98
 
        var div  = Y.one("#testbed > div"),
99
 
            fl   = Y.one("#testbed > div.floated"),
100
 
            p    = Y.one("#testbed > p"),
101
 
            span = Y.one("#testbed > span");
102
 
 
103
 
        Y.assert( (div.get("offsetHeight") > 0) );
104
 
        Y.assert( (fl.get("offsetHeight") > 0) );
105
 
        Y.assert( (p.get("offsetHeight") > 0) );
106
 
        Y.assert( (span.get("offsetHeight") > 0) );
107
 
 
108
 
        Y.assert( (fl.get("offsetWidth") > 0) );
109
 
        Y.assert( (span.get("offsetWidth") > 0) );
110
 
 
111
 
        Y.Assert.areEqual( 8, div.all("span,img").size() );
112
 
        Y.Assert.areEqual( 8, fl.all("span,img").size() );
113
 
        Y.Assert.areEqual( 8, p.all("span,img").size() );
114
 
        Y.Assert.areEqual( 8, span.all("span,img").size() );
115
 
    },
116
 
 
117
 
    "test render: node attrib in constructor": function () {
118
 
        Y.one("#testbed").setContent(
119
 
            "<div></div>" +   // block element
120
 
            '<div class="floated" style="float:left"></div>' + // float
121
 
            "<p></p>" +       // limited block element
122
 
            "<span></span>"); // inline element
123
 
 
124
 
        var div  = Y.one("#testbed > div"),
125
 
            fl   = Y.one("#testbed > div.floated"),
126
 
            p    = Y.one("#testbed > p"),
127
 
            span = Y.one("#testbed > span");
128
 
 
129
 
        (new Y.Slider({ render: div }));
130
 
        (new Y.Slider({ render: fl }));
131
 
        (new Y.Slider({ render: p }));
132
 
        (new Y.Slider({ render: span }));
133
 
 
134
 
        Y.assert( (div.get("offsetHeight") > 0) );
135
 
        Y.assert( (fl.get("offsetHeight") > 0) );
136
 
        Y.assert( (p.get("offsetHeight") > 0) );
137
 
        Y.assert( (span.get("offsetHeight") > 0) );
138
 
 
139
 
        Y.assert( (fl.get("offsetWidth") > 0) );
140
 
        Y.assert( (span.get("offsetWidth") > 0) );
141
 
 
142
 
        Y.Assert.areEqual( 8, div.all("span,img").size() );
143
 
        Y.Assert.areEqual( 8, fl.all("span,img").size() );
144
 
        Y.Assert.areEqual( 8, p.all("span,img").size() );
145
 
        Y.Assert.areEqual( 8, span.all("span,img").size() );
146
 
    },
147
 
 
148
 
    "test render off DOM": function () {
149
 
        var container = Y.Node.create("<div></div>");
150
 
 
151
 
        (new Y.Slider().render(container));
152
 
 
153
 
        Y.Assert.areEqual( 8, container.all("span,img").size() );
154
 
    },
155
 
 
156
 
    "test destroy() before render": function () {
157
 
        var slider = new Y.Slider();
158
 
 
159
 
        slider.destroy();
160
 
 
161
 
        Y.Assert.isTrue( slider.get("destroyed") );
162
 
    },
163
 
 
164
 
    "test destroy() after render off DOM": function () {
165
 
        var container = Y.Node.create("<div></div>"),
166
 
            slider = new Y.Slider();
167
 
 
168
 
        slider.render( container );
169
 
 
170
 
        slider.destroy();
171
 
 
172
 
        Y.Assert.isTrue( slider.get("destroyed") );
173
 
 
174
 
        Y.Assert.isNull( container.get("firstChild") );
175
 
    },
176
 
 
177
 
    "test destroy() after render to DOM": function () {
178
 
        var slider = new Y.Slider();
179
 
 
180
 
        slider.render( "#testbed" );
181
 
 
182
 
        slider.destroy();
183
 
 
184
 
        Y.Assert.isTrue( slider.get("destroyed") );
185
 
 
186
 
        Y.Assert.isNull( Y.one("#testbed").get("firstChild") );
187
 
    }
188
 
}));
189
 
 
190
 
suite.add( new Y.Test.Case({
191
 
    name: "API",
192
 
 
193
 
    setUp: function () {
194
 
        Y.one('body').append('<div id="testbed"></div>');
195
 
 
196
 
        this.slider = new Y.Slider();
197
 
    },
198
 
 
199
 
    tearDown: function () {
200
 
        this.slider.destroy();
201
 
 
202
 
        Y.one('#testbed').remove(true);
203
 
    },
204
 
 
205
 
    "test getValue() and setValue(v) before render": function () {
206
 
        var s = this.slider;
207
 
 
208
 
        Y.Assert.areEqual( 0, s.getValue() );
209
 
 
210
 
        s.setValue(50);
211
 
        Y.Assert.areEqual( 50, s.getValue() );
212
 
 
213
 
        s.setValue(3.3333);
214
 
        Y.Assert.areEqual( 3, s.getValue() );
215
 
 
216
 
        // out of range constrained by setter
217
 
        s.setValue(-10);
218
 
        Y.Assert.areEqual( 0, s.getValue() );
219
 
 
220
 
        s.setValue(110);
221
 
        Y.Assert.areEqual( 100, s.getValue() );
222
 
        Y.Assert.areEqual( s.get('value'), s.getValue() );
223
 
 
224
 
        s.set('value', 6.66666);
225
 
        Y.Assert.areEqual( 7, s.getValue() );
226
 
        Y.Assert.areEqual( s.get('value'), s.getValue() );
227
 
    },
228
 
 
229
 
    "test getValue() and setValue(v) after render() to hidden container": function () {
230
 
        var container = Y.Node.create('<div></div>'),
231
 
            s = this.slider;
232
 
 
233
 
        s.render( container );
234
 
 
235
 
        Y.Assert.areEqual( 0, s.getValue() );
236
 
 
237
 
        s.setValue(50);
238
 
        Y.Assert.areEqual( 50, s.getValue() );
239
 
 
240
 
        s.setValue(3.3333);
241
 
        Y.Assert.areEqual( 3, s.getValue() );
242
 
 
243
 
        s.setValue(-10);
244
 
        Y.Assert.areEqual( 0, s.getValue() );
245
 
 
246
 
        s.setValue(110);
247
 
        Y.Assert.areEqual( 100, s.getValue() );
248
 
        Y.Assert.areEqual( s.get('value'), s.getValue() );
249
 
 
250
 
        s.set('value', 6.66666);
251
 
        Y.Assert.areEqual( 7, s.getValue() );
252
 
        Y.Assert.areEqual( s.get('value'), s.getValue() );
253
 
    },
254
 
 
255
 
    "test getValue() and setValue(v) after render() to DOM": function () {
256
 
        var s = this.slider;
257
 
 
258
 
        s.render('#testbed');
259
 
 
260
 
        Y.Assert.areEqual( 0, s.getValue() );
261
 
 
262
 
        s.setValue(50);
263
 
        Y.Assert.areEqual( 50, s.getValue() );
264
 
 
265
 
        s.setValue(3.3333);
266
 
        Y.Assert.areEqual( 3, s.getValue() );
267
 
 
268
 
        s.setValue(-10);
269
 
        Y.Assert.areEqual( 0, s.getValue() );
270
 
 
271
 
        s.setValue(110);
272
 
        Y.Assert.areEqual( 100, s.getValue() );
273
 
        Y.Assert.areEqual( s.get('value'), s.getValue() );
274
 
 
275
 
        s.set('value', 6.66666);
276
 
        Y.Assert.areEqual( 7, s.getValue() );
277
 
        Y.Assert.areEqual( s.get('value'), s.getValue() );
278
 
    },
279
 
 
280
 
    "setValue(v) then render() should position thumb": function () {
281
 
        var s = this.slider;
282
 
 
283
 
        s.setValue(20);
284
 
        s.render("#testbed");
285
 
 
286
 
        Y.Assert.areEqual( 27, parseInt(s.thumb.getStyle("left"),10) );
287
 
    },
288
 
 
289
 
    "setValue(v) after render() should move the thumb": function () {
290
 
        var s = this.slider;
291
 
 
292
 
        s.render('#testbed');
293
 
 
294
 
        Y.Assert.areEqual( 0, parseInt(s.thumb.getStyle('left'),10) );
295
 
 
296
 
        s.setValue(20);
297
 
        Y.Assert.areEqual( 27, parseInt(s.thumb.getStyle('left'),10) );
298
 
 
299
 
        s.setValue(0);
300
 
        Y.Assert.areEqual( 0, s.getValue() );
301
 
        Y.Assert.areEqual( 0, parseInt(s.thumb.getStyle('left'),10) );
302
 
 
303
 
        s.setValue(100);
304
 
        Y.Assert.areEqual( 100, s.getValue() );
305
 
        Y.Assert.areEqual( 135, parseInt(s.thumb.getStyle('left'),10) );
306
 
    },
307
 
 
308
 
    "setValue(v) when hidden should still move the thumb": function () {
309
 
        var s = this.slider;
310
 
 
311
 
        Y.one('#testbed').setStyle('display','none');
312
 
 
313
 
        s.render('#testbed');
314
 
 
315
 
        Y.Assert.areEqual( 0, parseInt(s.thumb.getStyle('left'),10) );
316
 
 
317
 
        s.setValue(20);
318
 
        Y.Assert.areEqual( 27, parseInt(s.thumb.getStyle('left'),10) );
319
 
 
320
 
 
321
 
        Y.one('#testbed').setStyle('display','');
322
 
        Y.Assert.areEqual( 27, parseInt(s.thumb.getStyle('left'),10) );
323
 
    }
324
 
}));
325
 
 
326
 
suite.add( new Y.Test.Case({
327
 
    name: "Attributes",
328
 
 
329
 
    _should: {
330
 
        fail: {
331
 
            // TODO This is a bug. invalid construction value should fallback
332
 
            // to specified attribute default
333
 
            "axis should only accept 'x', 'X', 'y', and 'Y'": true
334
 
        }
335
 
    },
336
 
 
337
 
    setUp: function () {
338
 
        Y.one('body').append('<span id="testbed"></span>');
339
 
    },
340
 
 
341
 
    tearDown: function () {
342
 
        Y.one('#testbed').remove(true);
343
 
    },
344
 
 
345
 
    "test axis": function () {
346
 
        var testbed = Y.one('#testbed'),
347
 
            slider = new Y.Slider({ axis: 'x' }).render( testbed ),
348
 
            bb = testbed.get("firstChild");
349
 
 
350
 
        Y.assert( (bb.get("offsetWidth") > 100), "offsetWidth > 100" );
351
 
        Y.assert( (bb.get("offsetHeight") < 50), "offsetHeight < 50" );
352
 
 
353
 
        slider.destroy();
354
 
 
355
 
        slider = new Y.Slider({ axis: 'y' }).render( testbed );
356
 
        bb = testbed.get("firstChild");
357
 
 
358
 
        Y.assert( (bb.get("offsetHeight") > 100), "offsetHeight > 100" );
359
 
        Y.assert( (bb.get("offsetWidth") < 50), "offsetWidth < 50" );
360
 
 
361
 
        slider.destroy();
362
 
    },
363
 
 
364
 
    "axis should be writeOnce": function () {
365
 
        var slider = new Y.Slider();
366
 
 
367
 
        Y.Assert.areEqual("x", slider.get("axis"));
368
 
 
369
 
        slider.set('axis', 'y');
370
 
        Y.Assert.areEqual("x", slider.get("axis"));
371
 
 
372
 
        slider.destroy();
373
 
 
374
 
        slider = new Y.Slider({ axis: 'y' });
375
 
        Y.Assert.areEqual("y", slider.get("axis"));
376
 
 
377
 
        slider.set('axis', 'x');
378
 
        Y.Assert.areEqual("y", slider.get("axis"));
379
 
    },
380
 
 
381
 
    "axis should only accept 'x', 'X', 'y', and 'Y'": function () {
382
 
        var attempts = "a b c 1 2 3 yx yy YX YY vertical vert eks".split(/ /);
383
 
 
384
 
        Y.each( attempts, function ( axis ) {
385
 
            var slider = new Y.Slider({ axis: axis });
386
 
            Y.Assert.areEqual("x", slider.get("axis"));
387
 
            slider.destroy();
388
 
        });
389
 
 
390
 
        attempts = ['y', 'Y'];
391
 
        Y.each( attempts, function ( axis ) {
392
 
            var slider = new Y.Slider({ axis: axis });
393
 
            Y.Assert.areEqual("y", slider.get("axis"));
394
 
            slider.destroy();
395
 
        });
396
 
    },
397
 
 
398
 
    "test length": function () {
399
 
        Y.one('#testbed').append('<div id="slider"></div><div id="ref"></div>');
400
 
 
401
 
        var testbed = Y.one("#slider"),
402
 
            ref     = Y.one("#ref"),
403
 
            slider, delta, bb;
404
 
 
405
 
        slider = new Y.Slider().render( testbed );
406
 
        bb = testbed.get('firstChild');
407
 
 
408
 
        delta = bb.get('offsetWidth') - parseInt(slider.get('length'), 10);
409
 
 
410
 
        slider.destroy();
411
 
 
412
 
        slider = new Y.Slider({ length: 50 }).render( testbed );
413
 
        bb = testbed.get('firstChild');
414
 
 
415
 
        Y.Assert.areEqual( (50 + delta), bb.get('offsetWidth') );
416
 
 
417
 
        slider.set('length', 300);
418
 
        Y.Assert.areEqual( (300 + delta), bb.get('offsetWidth') );
419
 
 
420
 
        slider.set('length', "-140px");
421
 
        Y.Assert.areEqual( (300 + delta), bb.get('offsetWidth') );
422
 
 
423
 
        ref.setStyle("width", "23.5em");
424
 
        slider.set('length', '23.5em');
425
 
        Y.Assert.areEqual( (ref.get('offsetWidth') + delta), bb.get('offsetWidth') );
426
 
 
427
 
        slider.destroy();
428
 
 
429
 
        slider = new Y.Slider({ axis: 'y' }).render( testbed );
430
 
        bb = testbed.get('firstChild');
431
 
 
432
 
        delta = bb.get('offsetHeight') - parseInt(slider.get('length'), 10);
433
 
 
434
 
        slider.destroy();
435
 
 
436
 
        slider = new Y.Slider({ axis: 'y', length: 50 }).render( testbed );
437
 
        bb = testbed.get('firstChild');
438
 
 
439
 
        Y.Assert.areEqual( (50 + delta), bb.get('offsetHeight') );
440
 
 
441
 
        slider.set('length', 300);
442
 
        Y.Assert.areEqual( (300 + delta), bb.get('offsetHeight') );
443
 
 
444
 
        slider.set('length', "-140px");
445
 
        Y.Assert.areEqual( (300 + delta), bb.get('offsetHeight') );
446
 
 
447
 
        ref.setStyle("height", "23.5em");
448
 
        slider.set('length', '23.5em');
449
 
        Y.Assert.areEqual( (ref.get('offsetHeight') + delta), bb.get('offsetHeight') );
450
 
    },
451
 
 
452
 
    "thumbUrl should default at render()": function () {
453
 
        var slider = new Y.Slider();
454
 
        
455
 
        Y.Assert.isNull( slider.get('thumbUrl') );
456
 
        
457
 
        slider.render('#testbed');
458
 
 
459
 
        Y.Assert.isString( slider.get('thumbUrl') );
460
 
 
461
 
        slider.destroy();
462
 
    },
463
 
 
464
 
    "thumbUrl should default to sam skin": function () {
465
 
        var slider = new Y.Slider().render("#testbed");
466
 
 
467
 
        Y.Assert.areEqual( Y.config.base + 'slider-base/assets/skins/sam/thumb-x.png', slider.get('thumbUrl') );
468
 
 
469
 
        slider.destroy();
470
 
    },
471
 
 
472
 
    "thumbUrl should default from the current skin": function () {
473
 
        var testbed = Y.one("#testbed"),
474
 
            slider  = new Y.Slider();
475
 
 
476
 
        testbed.addClass("yui3-skin-foo");
477
 
 
478
 
        slider.render( testbed );
479
 
 
480
 
        Y.Assert.areEqual( Y.config.base + 'slider-base/assets/skins/foo/thumb-x.png', slider.get('thumbUrl') );
481
 
 
482
 
        slider.destroy();
483
 
    },
484
 
 
485
 
    "test clickableRail": function () {
486
 
        
487
 
    },
488
 
 
489
 
    "test min": function () {
490
 
    },
491
 
 
492
 
    "test max": function () {
493
 
    },
494
 
 
495
 
    "test value": function () {
496
 
    }
497
 
}));
498
 
 
499
 
 
500
 
suite.add( new Y.Test.Case({
501
 
    name: "Runtime expectations",
502
 
 
503
 
    setUp: function () {
504
 
    },
505
 
 
506
 
    tearDown: function () {
507
 
    },
508
 
 
509
 
    "test ": function () {
510
 
    }
511
 
}));
512
 
 
513
 
/*
514
 
suite.add( new Y.Test.Case({
515
 
    name: "Bugs",
516
 
 
517
 
    setUp: function () {
518
 
    },
519
 
 
520
 
    tearDown: function () {
521
 
    },
522
 
 
523
 
    "test ": function () {
524
 
    }
525
 
}));
526
 
*/
527
 
 
528
 
Y.Test.Runner.add( suite );
529
 
 
530
 
 
531
 
}, '@VERSION@' ,{requires:['slider-base', 'test']});