@@ -4,47 +4,54 @@ module( "selectmenu: options" );
4
4
5
5
test ( "appendTo: null" , function ( ) {
6
6
expect ( 1 ) ;
7
+
7
8
var element = $ ( "#speed" ) . selectmenu ( ) ;
8
- equal ( element . selectmenu ( "menuWidget" ) . parent ( ) . parent ( ) [ 0 ] , document . body ,
9
+ equal ( element . selectmenu ( "menuWidget" ) . parent ( ) . parent ( ) [ 0 ] , document . body ,
9
10
"defaults to body" ) ;
10
- element . selectmenu ( "destroy" ) ;
11
11
} ) ;
12
12
13
13
test ( "appendTo: explicit" , function ( ) {
14
14
expect ( 6 ) ;
15
+
15
16
var detached = $ ( "<div>" ) ,
16
17
element = $ ( "#speed" ) ;
17
18
18
19
element . selectmenu ( {
19
20
appendTo : ".selectmenu-wrap"
20
21
} ) ;
21
- equal ( element . selectmenu ( "menuWidget" ) . parent ( ) . parent ( ) [ 0 ] , $ ( "#selectmenu-wrap1" ) [ 0 ] , "first found element" ) ;
22
+ equal ( element . selectmenu ( "menuWidget" ) . parent ( ) . parent ( ) [ 0 ] ,
23
+ $ ( "#selectmenu-wrap1" ) [ 0 ] , "first found element" ) ;
22
24
equal ( $ ( "#selectmenu-wrap2 .ui-selectmenu" ) . length , 0 , "only appends to one element" ) ;
23
25
element . selectmenu ( "destroy" ) ;
24
26
25
27
element . selectmenu ( ) . selectmenu ( "option" , "appendTo" , "#selectmenu-wrap1" ) ;
26
- equal ( element . selectmenu ( "menuWidget" ) . parent ( ) . parent ( ) [ 0 ] , $ ( "#selectmenu-wrap1" ) [ 0 ] , "modified after init" ) ;
28
+ equal ( element . selectmenu ( "menuWidget" ) . parent ( ) . parent ( ) [ 0 ] ,
29
+ $ ( "#selectmenu-wrap1" ) [ 0 ] , "modified after init" ) ;
27
30
element . selectmenu ( "destroy" ) ;
28
31
29
32
element . selectmenu ( {
30
33
appendTo : detached
31
34
} ) ;
32
- equal ( element . selectmenu ( "menuWidget" ) . parent ( ) . parent ( ) [ 0 ] , detached [ 0 ] , "detached jQuery object" ) ;
35
+ equal ( element . selectmenu ( "menuWidget" ) . parent ( ) . parent ( ) [ 0 ] , detached [ 0 ] ,
36
+ "detached jQuery object" ) ;
33
37
element . selectmenu ( "destroy" ) ;
34
38
35
39
element . selectmenu ( {
36
40
appendTo : detached [ 0 ]
37
41
} ) ;
38
- equal ( element . selectmenu ( "menuWidget" ) . parent ( ) . parent ( ) [ 0 ] , detached [ 0 ] , "detached DOM element" ) ;
42
+ equal ( element . selectmenu ( "menuWidget" ) . parent ( ) . parent ( ) [ 0 ] , detached [ 0 ] ,
43
+ "detached DOM element" ) ;
39
44
element . selectmenu ( "destroy" ) ;
40
45
41
46
element . selectmenu ( ) . selectmenu ( "option" , "appendTo" , detached ) ;
42
- equal ( element . selectmenu ( "menuWidget" ) . parent ( ) . parent ( ) [ 0 ] , detached [ 0 ] , "detached DOM element via option()" ) ;
47
+ equal ( element . selectmenu ( "menuWidget" ) . parent ( ) . parent ( ) [ 0 ] , detached [ 0 ] ,
48
+ "detached DOM element via option()" ) ;
43
49
element . selectmenu ( "destroy" ) ;
44
50
} ) ;
45
51
46
52
test ( "appendTo: ui-front" , function ( ) {
47
53
expect ( 2 ) ;
54
+
48
55
var element = $ ( "#speed" ) ;
49
56
50
57
$ ( "#selectmenu-wrap2" ) . addClass ( "ui-front" ) ;
@@ -61,24 +68,29 @@ test( "appendTo: ui-front", function() {
61
68
} ) ;
62
69
63
70
64
- test ( "CSS styles" , function ( ) {
71
+ test ( "CSS styles" , function ( ) {
65
72
expect ( 2 ) ;
66
73
67
74
var element = $ ( "#speed" ) . selectmenu ( ) ,
68
75
button = element . selectmenu ( "widget" ) ,
69
76
menu = element . selectmenu ( "menuWidget" ) ;
70
77
71
78
element . selectmenu ( "open" ) ;
72
- ok ( button . hasClass ( "ui-corner-top" ) && ! button . hasClass ( "ui-corner-all" ) && button . find ( "span.ui-icon" ) . hasClass ( "ui-icon-triangle-1-s" ) , "button styles dropdown" ) ;
73
- ok ( menu . hasClass ( "ui-corner-bottom" ) && ! menu . hasClass ( "ui-corner-all" ) , "menu styles dropdown" ) ;
79
+ ok (
80
+ button . hasClass ( "ui-corner-top" ) && ! button . hasClass ( "ui-corner-all" ) &&
81
+ button . find ( "span.ui-icon" ) . hasClass ( "ui-icon-triangle-1-s" ) ,
82
+ "button styles dropdown"
83
+ ) ;
84
+ ok ( menu . hasClass ( "ui-corner-bottom" ) && ! menu . hasClass ( "ui-corner-all" ) ,
85
+ "menu styles dropdown" ) ;
74
86
} ) ;
75
87
76
88
77
- test ( "Width" , function ( ) {
89
+ test ( "Width" , function ( ) {
78
90
expect ( 8 ) ;
79
91
80
- var element = $ ( "#speed" ) ,
81
- button , menu ;
92
+ var button , menu ,
93
+ element = $ ( "#speed" ) ;
82
94
83
95
element . selectmenu ( ) ;
84
96
button = element . selectmenu ( "widget" ) ;
@@ -95,17 +107,19 @@ test( "Width", function () {
95
107
element . selectmenu ( "open" ) ;
96
108
equal ( menu . outerWidth ( ) , 100 , "menu width set by CSS" ) ;
97
109
98
- element . width ( "" ) ;
99
- element . selectmenu ( "option" , "width" , 100 ) ;
100
- element . selectmenu ( "refresh" ) ;
110
+ element
111
+ . width ( "" )
112
+ . selectmenu ( "option" , "width" , 100 )
113
+ . selectmenu ( "refresh" ) ;
101
114
102
115
equal ( button . outerWidth ( ) , 100 , "button width set by JS option" ) ;
103
116
element . selectmenu ( "open" ) ;
104
117
equal ( menu . outerWidth ( ) , 100 , "menu width set by JS option" ) ;
105
118
106
- element . append ( $ ( "<option>" , { text : "Option with a little longer text" } ) ) ;
107
- element . selectmenu ( "option" , "width" , "" ) ;
108
- element . selectmenu ( "refresh" ) ;
119
+ element
120
+ . append ( $ ( "<option>" , { text : "Option with a little longer text" } ) )
121
+ . selectmenu ( "option" , "width" , "" )
122
+ . selectmenu ( "refresh" ) ;
109
123
110
124
equal ( button . outerWidth ( ) , element . outerWidth ( ) , "button width with long option" ) ;
111
125
element . selectmenu ( "open" ) ;
0 commit comments