@@ -4,46 +4,46 @@ module( "accordion: core", accordionSetupTeardown() );
4
4
5
5
$ . each ( { div : "#list1" , ul : "#navigation" , dl : "#accordion-dl" } , function ( type , selector ) {
6
6
test ( "markup structure: " + type , function ( ) {
7
- var ac = $ ( selector ) . accordion ( ) ;
8
- ok ( ac . hasClass ( "ui-accordion" ) , "main element is .ui-accordion" ) ;
9
- equal ( ac . find ( ".ui-accordion-header" ) . length , 3 ,
7
+ var element = $ ( selector ) . accordion ( ) ;
8
+ ok ( element . hasClass ( "ui-accordion" ) , "main element is .ui-accordion" ) ;
9
+ equal ( element . find ( ".ui-accordion-header" ) . length , 3 ,
10
10
".ui-accordion-header elements exist, correct number" ) ;
11
- equal ( ac . find ( ".ui-accordion-content" ) . length , 3 ,
11
+ equal ( element . find ( ".ui-accordion-content" ) . length , 3 ,
12
12
".ui-accordion-content elements exist, correct number" ) ;
13
- same ( ac . find ( ".ui-accordion-header" ) . next ( ) . get ( ) ,
14
- ac . find ( ".ui-accordion-content" ) . get ( ) ,
13
+ same ( element . find ( ".ui-accordion-header" ) . next ( ) . get ( ) ,
14
+ element . find ( ".ui-accordion-content" ) . get ( ) ,
15
15
"content panels come immediately after headers" ) ;
16
16
} ) ;
17
17
} ) ;
18
18
19
19
test ( "handle click on header-descendant" , function ( ) {
20
- var ac = $ ( "#navigation" ) . accordion ( ) ;
20
+ var element = $ ( "#navigation" ) . accordion ( ) ;
21
21
$ ( "#navigation h2:eq(1) a" ) . click ( ) ;
22
- state ( ac , 0 , 1 , 0 ) ;
22
+ accordion_state ( element , 0 , 1 , 0 ) ;
23
23
} ) ;
24
24
25
25
test ( "ui-accordion-heading class added to headers anchor" , function ( ) {
26
26
expect ( 1 ) ;
27
- var ac = $ ( "#list1" ) . accordion ( ) ;
28
- var anchors = $ ( ".ui-accordion-heading" ) ;
27
+ var element = $ ( "#list1" ) . accordion ( ) ;
28
+ var anchors = element . find ( ".ui-accordion-heading" ) ;
29
29
equals ( anchors . length , 3 ) ;
30
30
} ) ;
31
31
32
32
test ( "accessibility" , function ( ) {
33
33
expect ( 13 ) ;
34
- var ac = $ ( "#list1" ) . accordion ( ) . accordion ( "option" , "active" , 1 ) ;
35
- var headers = $ ( ".ui-accordion-header" ) ;
34
+ var element = $ ( "#list1" ) . accordion ( ) . accordion ( "option" , "active" , 1 ) ;
35
+ var headers = element . find ( ".ui-accordion-header" ) ;
36
36
37
37
equals ( headers . eq ( 1 ) . attr ( "tabindex" ) , 0 , "active header should have tabindex=0" ) ;
38
38
equals ( headers . eq ( 0 ) . attr ( "tabindex" ) , - 1 , "inactive header should have tabindex=-1" ) ;
39
- equals ( ac . attr ( "role" ) , "tablist" , "main role" ) ;
39
+ equals ( element . attr ( "role" ) , "tablist" , "main role" ) ;
40
40
equals ( headers . attr ( "role" ) , "tab" , "tab roles" ) ;
41
41
equals ( headers . next ( ) . attr ( "role" ) , "tabpanel" , "tabpanel roles" ) ;
42
42
equals ( headers . eq ( 1 ) . attr ( "aria-expanded" ) , "true" , "active tab has aria-expanded" ) ;
43
43
equals ( headers . eq ( 0 ) . attr ( "aria-expanded" ) , "false" , "inactive tab has aria-expanded" ) ;
44
44
equals ( headers . eq ( 1 ) . attr ( "aria-selected" ) , "true" , "active tab has aria-selected" ) ;
45
45
equals ( headers . eq ( 0 ) . attr ( "aria-selected" ) , "false" , "inactive tab has aria-selected" ) ;
46
- ac . accordion ( "option" , "active" , 0 ) ;
46
+ element . accordion ( "option" , "active" , 0 ) ;
47
47
equals ( headers . eq ( 0 ) . attr ( "aria-expanded" ) , "true" , "newly active tab has aria-expanded" ) ;
48
48
equals ( headers . eq ( 1 ) . attr ( "aria-expanded" ) , "false" , "newly inactive tab has aria-expanded" ) ;
49
49
equals ( headers . eq ( 0 ) . attr ( "aria-selected" ) , "true" , "active tab has aria-selected" ) ;
0 commit comments