corrade-http-templates – Blame information for rev 57
?pathlinks?
Rev | Author | Line No. | Line |
---|---|---|---|
57 | office | 1 | define( [ |
2 | "qunit", |
||
3 | "jquery", |
||
4 | "ui/widgets/controlgroup", |
||
5 | "ui/widgets/checkboxradio", |
||
6 | "ui/widgets/selectmenu", |
||
7 | "ui/widgets/button", |
||
8 | "ui/widgets/spinner" |
||
9 | ], function( QUnit, $ ) { |
||
10 | |||
11 | QUnit.module( "Controlgroup: options" ); |
||
12 | |||
13 | QUnit.test( "disabled", function( assert ) { |
||
14 | assert.expect( 4 ); |
||
15 | var element = $( ".controlgroup" ).controlgroup().controlgroup( "option", "disabled", true ); |
||
16 | assert.lacksClasses( element, "ui-state-disabled" ); |
||
17 | assert.equal( element.find( ".ui-state-disabled" ).length, 9, "Child widgets are disabled" ); |
||
18 | |||
19 | element.controlgroup( "option", "disabled", false ); |
||
20 | assert.lacksClasses( element, "ui-state-disabled" ); |
||
21 | assert.strictEqual( element.find( ".ui-state-disabled" ).length, 0, "Child widgets are not disabled" ); |
||
22 | |||
23 | } ); |
||
24 | |||
25 | QUnit.test( "items - null", function( assert ) { |
||
26 | assert.expect( 2 ); |
||
27 | var element = $( ".controlgroup" ).controlgroup( { |
||
28 | items: { |
||
29 | "button": null, |
||
30 | "selectmenu": null, |
||
31 | "checkboxradio": null |
||
32 | } |
||
33 | } ); |
||
34 | |||
35 | assert.strictEqual( element.children( ".ui-button" ).length, 0, |
||
36 | "Child widgets are not called when selector is null" ); |
||
37 | |||
38 | element.controlgroup( "option", "items", { |
||
39 | "button": "button" |
||
40 | } ); |
||
41 | assert.strictEqual( element.children( ".ui-button" ).length, 2, |
||
42 | "Correct child widgets are called when selector is updated" ); |
||
43 | } ); |
||
44 | |||
45 | QUnit.test( "items: custom selector", function( assert ) { |
||
46 | assert.expect( 1 ); |
||
47 | var element = $( ".controlgroup" ).controlgroup( { |
||
48 | items: { |
||
49 | "button": ".button" |
||
50 | } |
||
51 | } ); |
||
52 | assert.strictEqual( element.children( ".ui-button" ).length, 4, |
||
53 | "Correct child widgets are called when custom selector used" ); |
||
54 | } ); |
||
55 | |||
56 | $.widget( "ui.test", { |
||
57 | _create: function() { |
||
58 | this.element.addClass( "ui-test ui-button" ); |
||
59 | }, |
||
60 | |||
61 | // Controlgroup requires a refresh method to exist |
||
62 | refresh: $.noop |
||
63 | } ); |
||
64 | |||
65 | QUnit.test( "items: custom widget", function( assert ) { |
||
66 | assert.expect( 2 ); |
||
67 | var element = $( ".controlgroup" ).controlgroup( { |
||
68 | items: { |
||
69 | "test": ".test" |
||
70 | } |
||
71 | } ); |
||
72 | |||
73 | assert.strictEqual( element.children( ".ui-button" ).length, 7, |
||
74 | "Correct child widgets are called when custom selector used" ); |
||
75 | assert.strictEqual( element.children( ".ui-test" ).length, 1, |
||
76 | "Custom widget called" ); |
||
77 | } ); |
||
78 | |||
79 | QUnit.test( "onlyVisible", function( assert ) { |
||
80 | assert.expect( 4 ); |
||
81 | var element = $( ".controlgroup" ).controlgroup( { |
||
82 | onlyVisible: false |
||
83 | } ), |
||
84 | buttons = element.children( ".ui-button" ); |
||
85 | |||
86 | assert.lacksClassStart( buttons.eq( 1 ), "ui-corner" ); |
||
87 | assert.hasClasses( buttons.eq( 0 ), "ui-corner-left", |
||
88 | "onlyVisible: false: First button hidden second button doesn't get a corner class" ); |
||
89 | |||
90 | element.controlgroup( "option", "onlyVisible", true ); |
||
91 | assert.lacksClassStart( buttons.eq( 0 ), "ui-corner" ); |
||
92 | assert.hasClasses( buttons.eq( 1 ), "ui-corner-left", |
||
93 | "onlyVisible: true: First button is hidden second button get corner class" ); |
||
94 | } ); |
||
95 | |||
96 | QUnit.test( "direction", function( assert ) { |
||
97 | assert.expect( 6 ); |
||
98 | var element = $( ".controlgroup" ).controlgroup(), |
||
99 | buttons = element.children( ".ui-button" ).filter( ":visible" ); |
||
100 | |||
101 | assert.hasClasses( element, "ui-controlgroup-horizontal" ); |
||
102 | assert.hasClasses( buttons.first(), "ui-corner-left" ); |
||
103 | assert.hasClasses( buttons.last(), "ui-corner-right" ); |
||
104 | |||
105 | element.controlgroup( "option", "direction", "vertical" ); |
||
106 | assert.hasClasses( element, "ui-controlgroup-vertical" ); |
||
107 | assert.hasClasses( buttons.first(), "ui-corner-top" ); |
||
108 | assert.hasClasses( buttons.last(), "ui-corner-bottom" ); |
||
109 | } ); |
||
110 | |||
111 | } ); |