Controlgroup: fixup

Author: arschmitz

tests/unit/controlgroup/controlgroup.html

@@ -56,6 +56,27 @@
 			<option>Slow</option>
 		</select>
 	</div>
+	<div class="controlgroup-custom-selector">
+		<button style="display:none">Button with icon only</button>
+		<select>
+			<option>Fast</option>
+			<option>Medium</option>
+			<option>Slow</option>
+		</select>
+		<label for="checkbox">Checkbox</label>
+		<input type="checkbox" value="checkbox" id="checkbox" />
+		<select>
+			<option>Fast</option>
+			<option>Medium</option>
+			<option>Slow</option>
+		</select>
+		<a href="#" class="button">Button with icon on the bottom</a>
+		<select>
+			<option>Fast</option>
+			<option>Medium</option>
+			<option>Slow</option>
+		</select>
+	</div>
 </div>
 </body>
 </html>

tests/unit/controlgroup/controlgroup_options.js

@@ -52,6 +52,35 @@ test( "items", function() {
 	expect( 2 );
 });
 
+test( "items: custom selector", function() {
+	var element = $( ".controlgroup-custom-selector" ).controlgroup({
+		items: {
+			"button": ".button"
+		}
+	});
+
+	strictEqual( element.children( ".ui-button" ).length, 5,
+		"Correct child widgets are called when custom selector used" );
+	expect( 2 );
+});
+
+$.widget( "ui.test", {
+	_create: function (){
+		this.element.addClass( "ui-test" );
+	}
+});
+test( "items: custom widget", function() {
+	var element = $( ".controlgroup-custom-widget" ).controlgroup({
+		items: {
+			"test": ".test"
+		}
+	});
+
+	strictEqual( element.children( ".ui-button" ).length, 5,
+		"Correct child widgets are called when custom selector used" );
+	expect( 2 );
+});
+
 test( "excludeInvisible", function() {
 	var element = $( ".controlgroup" ).controlgroup(),
 		buttons = element.children( ".ui-button" );