@@ -9,13 +9,14 @@ test( "destroy", function() {
9
9
} ) ;
10
10
} ) ;
11
11
12
-
13
12
test ( "open / close" , function ( ) {
14
- expect ( 4 ) ;
13
+ expect ( 5 ) ;
15
14
16
15
var element = $ ( "#speed" ) . selectmenu ( ) ,
17
16
menu = element . selectmenu ( "menuWidget" ) ;
18
17
18
+ ok ( menu . is ( ":hidden" ) , "menu hidden on init" ) ;
19
+
19
20
element . selectmenu ( "open" ) ;
20
21
ok ( menu . is ( ":visible" ) , "open: menu visible" ) ;
21
22
equal ( menu . attr ( "aria-hidden" ) , "false" , "open: menu aria-disabled" ) ;
@@ -25,9 +26,8 @@ test( "open / close", function() {
25
26
equal ( menu . attr ( "aria-hidden" ) , "true" , "close: menu aria-disabled" ) ;
26
27
} ) ;
27
28
28
-
29
- test ( "enable / disable" , function ( ) {
30
- expect ( 10 ) ;
29
+ test ( "enable / disable" , function ( ) {
30
+ expect ( 10 ) ;
31
31
32
32
var element = $ ( "#speed" ) . selectmenu ( ) ,
33
33
button = element . selectmenu ( "widget" ) ,
@@ -36,39 +36,43 @@ test( "enable / disable", function () {
36
36
element . selectmenu ( "disable" ) ;
37
37
ok ( element . selectmenu ( "option" , "disabled" ) , "disable: widget option" ) ;
38
38
equal ( element . attr ( "disabled" ) , "disabled" , "disable: native select disabled" ) ;
39
- equal ( button . attr ( "aria-disabled" ) , "true" , "disable: button wrapper ARIA" ) ;
39
+ equal ( button . attr ( "aria-disabled" ) , "true" , "disable: button ARIA" ) ;
40
40
equal ( button . attr ( "tabindex" ) , - 1 , "disable: button tabindex" ) ;
41
- equal ( menu . attr ( "aria-disabled" ) , "true" , "disable: menu wrapper ARIA" ) ;
41
+ equal ( menu . attr ( "aria-disabled" ) , "true" , "disable: menu ARIA" ) ;
42
42
43
43
element . selectmenu ( "enable" ) ;
44
44
ok ( ! element . selectmenu ( "option" , "disabled" ) , "enable: widget option" ) ;
45
45
equal ( element . attr ( "disabled" ) , undefined , "enable: native select disabled" ) ;
46
- equal ( button . attr ( "aria-disabled" ) , "false" , "enable: button wrapper ARIA" ) ;
46
+ equal ( button . attr ( "aria-disabled" ) , "false" , "enable: button ARIA" ) ;
47
47
equal ( button . attr ( "tabindex" ) , 0 , "enable: button tabindex" ) ;
48
- equal ( menu . attr ( "aria-disabled" ) , "false" , "enable: menu wrapper ARIA" ) ;
48
+ equal ( menu . attr ( "aria-disabled" ) , "false" , "enable: menu ARIA" ) ;
49
49
} ) ;
50
50
51
-
52
- test ( "refresh - structure" , function ( ) {
51
+ test ( "refresh - structure" , function ( ) {
53
52
expect ( 3 ) ;
54
53
55
- var element = $ ( "#speed" ) . selectmenu ( ) ,
56
- menu = element . selectmenu ( "menuWidget" ) . parent ( ) ;
54
+ var menuItems ,
55
+ element = $ ( "#speed" ) . selectmenu ( ) ,
56
+ menu = element . selectmenu ( "menuWidget" ) ,
57
+ options = element . find ( "option" ) ;
57
58
58
- element . find ( "option" ) . eq ( 2 ) . remove ( ) ;
59
- element . find ( "option" ) . eq ( 3 ) . remove ( ) ;
60
- element . append ( "<option value=\"added_option\">Added option</option>" ) ;
61
- element . find ( "option" ) . first ( )
59
+ options . eq ( 0 )
62
60
. attr ( "value" , "changed_value" )
63
61
. text ( "Changed value" ) ;
62
+ options . eq ( 2 ) . remove ( ) ;
63
+ options . eq ( 3 ) . remove ( ) ;
64
+ element . append ( "<option value=\"added_option\">Added option</option>" ) ;
64
65
element . selectmenu ( "refresh" ) ;
65
66
66
- equal ( element . find ( "option" ) . length , menu . find ( "li" ) . not ( ".ui-selectmenu-optgroup" ) . length , "menu item length" ) ;
67
- equal ( element . find ( "option" ) . last ( ) . text ( ) , menu . find ( "li" ) . not ( ".ui-selectmenu-optgroup" ) . last ( ) . text ( ) , "added item" ) ;
68
- equal ( element . find ( "option" ) . first ( ) . text ( ) , menu . find ( "li" ) . not ( ".ui-selectmenu-optgroup" ) . first ( ) . text ( ) , "changed item" ) ;
67
+ options = element . find ( "option" ) ;
68
+ menuItems = menu . find ( "li" ) . not ( ".ui-selectmenu-optgroup" ) ;
69
+
70
+ equal ( options . length , menuItems . length , "menu item length" ) ;
71
+ equal ( "Added option" , menuItems . last ( ) . text ( ) , "added item" ) ;
72
+ equal ( "Changed value" , menuItems . eq ( 0 ) . text ( ) , "changed item" ) ;
69
73
} ) ;
70
74
71
- asyncTest ( "refresh - change selected option" , function ( ) {
75
+ asyncTest ( "refresh - change selected option" , function ( ) {
72
76
expect ( 4 ) ;
73
77
74
78
var element = $ ( "#speed" ) . selectmenu ( ) ,
@@ -77,59 +81,54 @@ asyncTest( "refresh - change selected option", function () {
77
81
equal ( element . find ( "option:selected" ) . text ( ) , button . text ( ) , "button text after init" ) ;
78
82
79
83
button . simulate ( "focus" ) ;
80
-
81
84
setTimeout ( function ( ) {
82
85
equal ( element . find ( "option:selected" ) . text ( ) , button . text ( ) , "button text after focus" ) ;
83
86
84
87
element [ 0 ] . selectedIndex = 0 ;
85
88
element . selectmenu ( "refresh" ) ;
86
- equal ( element . find ( "option:selected" ) . text ( ) , button . text ( ) , "button text after changing selected option" ) ;
89
+ equal ( element . find ( "option:selected" ) . text ( ) , button . text ( ) ,
90
+ "button text after changing selected option" ) ;
87
91
88
- element . find ( "option" ) . removeAttr ( "selected" ) ;
92
+ element . find ( "option" ) . prop ( "selected" , false ) ;
89
93
element . prepend ( "<option selected value=\"selected_option\">Selected option</option>" ) ;
90
94
element . selectmenu ( "refresh" ) ;
91
- equal ( element . find ( " option:selected" ) . text ( ) , button . text ( ) , "button text after adding selected option" ) ;
95
+ equal ( "Selected option" , button . text ( ) , "button text after adding selected option" ) ;
92
96
93
97
start ( ) ;
94
- } , 1 ) ;
98
+ } ) ;
95
99
} ) ;
96
100
97
-
98
- test ( "refresh - disabled select" , function ( ) {
101
+ test ( "refresh - disabled select" , function ( ) {
99
102
expect ( 4 ) ;
100
103
101
104
var element = $ ( "#speed" ) . selectmenu ( ) ,
102
105
button = element . selectmenu ( "widget" ) ,
103
106
menu = element . selectmenu ( "menuWidget" ) ;
104
107
105
- element . attr ( "disabled" , "disabled" ) ;
108
+ element . prop ( "disabled" , true ) ;
106
109
element . selectmenu ( "refresh" ) ;
107
110
108
111
ok ( element . selectmenu ( "option" , "disabled" ) , "widget option" ) ;
109
- equal ( button . attr ( "aria-disabled" ) , "true" , "button wrapper ARIA" ) ;
112
+ equal ( button . attr ( "aria-disabled" ) , "true" , "button ARIA" ) ;
110
113
equal ( button . attr ( "tabindex" ) , - 1 , "button tabindex" ) ;
111
- equal ( menu . attr ( "aria-disabled" ) , "true" , "menu wrapper ARIA" ) ;
114
+ equal ( menu . attr ( "aria-disabled" ) , "true" , "menu ARIA" ) ;
112
115
} ) ;
113
116
114
-
115
- test ( "refresh - disabled option" , function ( ) {
116
- expect ( 1 ) ;
117
+ test ( "refresh - disabled option" , function ( ) {
118
+ expect ( 1 ) ;
117
119
118
120
var disabledItem ,
119
121
element = $ ( "#speed" ) . selectmenu ( ) ,
120
122
menu = element . selectmenu ( "menuWidget" ) . parent ( ) ;
121
123
122
- element . attr ( "disabled" , "disabled" ) ;
123
- element . find ( "option" ) . eq ( 2 ) . attr ( "disabled" , "disabled" ) ;
124
+ element . find ( "option" ) . eq ( 2 ) . prop ( "disabled" , true ) ;
124
125
element . selectmenu ( "refresh" ) ;
125
126
126
- disabledItem = menu . find ( "li" ) . not ( ".ui-selectmenu-optgroup" ) . eq ( 2 ) ;
127
+ disabledItem = menu . find ( "li" ) . not ( ".ui-selectmenu-optgroup" ) . eq ( 2 ) ;
127
128
ok ( disabledItem . hasClass ( "ui-state-disabled" ) , "class" ) ;
128
129
} ) ;
129
130
130
-
131
- test ( "refresh - disabled optgroup" , function ( ) {
132
-
131
+ test ( "refresh - disabled optgroup" , function ( ) {
133
132
var i , item ,
134
133
element = $ ( "#files" ) . selectmenu ( ) ,
135
134
menu = element . selectmenu ( "menuWidget" ) . parent ( ) ,
@@ -138,13 +137,17 @@ test( "refresh - disabled optgroup", function () {
138
137
139
138
expect ( 2 + originalDisabledOptions . length ) ;
140
139
141
- originalDisabledOptgroup . attr ( "disabled" , "disabled" ) ;
140
+ originalDisabledOptgroup . prop ( "disabled" , true ) ;
142
141
element . selectmenu ( "refresh" ) ;
143
142
144
143
item = menu . find ( "li.ui-selectmenu-optgroup" ) . first ( ) ;
145
144
ok ( item . hasClass ( "ui-state-disabled" ) , "class" ) ;
146
145
147
- equal ( menu . find ( "li" ) . not ( ".ui-selectmenu-optgroup" ) . filter ( ".ui-state-disabled" ) . length , originalDisabledOptions . length , "disabled options" ) ;
146
+ equal (
147
+ menu . find ( "li" ) . not ( ".ui-selectmenu-optgroup" ) . filter ( ".ui-state-disabled" ) . length ,
148
+ originalDisabledOptions . length ,
149
+ "disabled options"
150
+ ) ;
148
151
for ( i = 0 ; i < originalDisabledOptions . length ; i ++ ) {
149
152
item = item . next ( "li" ) ;
150
153
ok ( item . hasClass ( "ui-state-disabled" ) , "item #" + i + ": class" ) ;
@@ -153,12 +156,11 @@ test( "refresh - disabled optgroup", function () {
153
156
154
157
test ( "widget and menuWidget" , function ( ) {
155
158
expect ( 4 ) ;
159
+
156
160
var element = $ ( "#speed" ) . selectmenu ( ) ,
157
161
button = element . selectmenu ( "widget" ) ,
158
162
menu = element . selectmenu ( "menuWidget" ) ;
159
163
160
- element . selectmenu ( "refresh" ) ;
161
-
162
164
equal ( button . length , 1 , "button: one element" ) ;
163
165
ok ( button . is ( ".ui-selectmenu-button" ) , "button: class" ) ;
164
166
0 commit comments