corrade-http-templates – Blame information for rev 57

Subversion Repositories:
Rev:
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 } );