1 |
module( "progressbar: core" ); |
2 |
|
3 |
test( "markup structure", function() { |
4 |
expect( 5 ); |
5 |
var element = $( "#progressbar" ).progressbar(); |
6 |
ok( element.hasClass( "ui-progressbar" ), "main element is .ui-progressbar" ); |
7 |
ok( !element.hasClass( "ui-progressbar-indeterminate" ), |
8 |
"main element is not .ui-progressbar-indeterminate" ); |
9 |
equal( element.children().length, 1, "main element contains one child" ); |
10 |
ok( element.children().eq( 0 ).hasClass( "ui-progressbar-value" ), |
11 |
"child is .ui-progressbar-value" ); |
12 |
equal( element.children().children().length, 0, "no overlay div" ); |
13 |
}); |
14 |
|
15 |
test( "markup structure - indeterminate", function() { |
16 |
expect( 5 ); |
17 |
var element = $( "#progressbar" ).progressbar({ value: false }); |
18 |
ok( element.hasClass( "ui-progressbar" ), "main element is .ui-progressbar" ); |
19 |
ok( element.hasClass( "ui-progressbar-indeterminate" ), |
20 |
"main element is .ui-progressbar-indeterminate" ); |
21 |
equal( element.children().length, 1, "main element contains one child" ); |
22 |
ok( element.children().eq( 0 ).hasClass( "ui-progressbar-value" ), |
23 |
"child is .ui-progressbar-value" ); |
24 |
equal( element.children().children( ".ui-progressbar-overlay" ).length, 1, |
25 |
".ui-progressbar-value has .ui-progressbar-overlay" ); |
26 |
}); |
27 |
|
28 |
test( "accessibility", function() { |
29 |
expect( 11 ); |
30 |
var element = $( "#progressbar" ).progressbar(); |
31 |
|
32 |
equal( element.attr( "role" ), "progressbar", "aria role" ); |
33 |
equal( element.attr( "aria-valuemin" ), 0, "aria-valuemin" ); |
34 |
equal( element.attr( "aria-valuemax" ), 100, "aria-valuemax" ); |
35 |
equal( element.attr( "aria-valuenow" ), 0, "aria-valuenow initially" ); |
36 |
|
37 |
element.progressbar( "value", 77 ); |
38 |
equal( element.attr( "aria-valuenow" ), 77, "aria-valuenow" ); |
39 |
|
40 |
element.progressbar( "option", "max", 150 ); |
41 |
equal( element.attr( "aria-valuemax" ), 150, "aria-valuemax" ); |
42 |
|
43 |
element.progressbar( "disable" ); |
44 |
equal( element.attr( "aria-disabled" ), "true", "aria-disabled on" ); |
45 |
|
46 |
element.progressbar( "enable" ); |
47 |
equal( element.attr( "aria-disabled" ), "false", "aria-disabled off" ); |
48 |
|
49 |
element.progressbar( "option", "value", false ); |
50 |
equal( element.attr( "aria-valuemin" ), 0, "aria-valuemin" ); |
51 |
equal( element.attr( "aria-valuemax" ), 150, "aria-valuemax" ); |
52 |
strictEqual( element.attr( "aria-valuenow" ), undefined, "aria-valuenow" ); |
53 |
}); |