Visual tests: Cleanup.

author: Scott González <scott.gonzalez@gmail.com> 2012-05-15 10:45:13 -0400
committer: Scott González <scott.gonzalez@gmail.com> 2012-05-15 10:45:13 -0400
commit: 1f2469234b15d79d97c692ed97a5eaeb67c7b697 (patch)
tree: b067cfe87c31d895b9a807394dd714560ee5bdb8 /tests
parent: 86569d8ebceec4b4c173d5fd635b968796f0361b (diff)
download: jquery-ui-1f2469234b15d79d97c692ed97a5eaeb67c7b697.tar.gz
jquery-ui-1f2469234b15d79d97c692ed97a5eaeb67c7b697.zip
7 files changed, 95 insertions, 854 deletions
diff --git a/tests/visual/button/button.html b/tests/visual/button/button.html
index 7aef71f97..20bae191f 100644
--- a/tests/visual/button/button.html
+++ b/tests/visual/button/button.html
@@ -1,140 +1,94 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 <head>
-	<meta charset="UTF-8" />
-	<title>Button Visual push: Default</title>
-	<link rel="stylesheet" href="../visual.css" type="text/css" />
-	<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
-	<style type="text/css">
-		#toolbar { margin-top: 2em; padding:0.2em; }
-		#ops1, #ops2, #format, #mode { margin-right: 1em }
-	</style>
-	<script type="text/javascript" src="../../../jquery-1.7.2.js"></script>
-	<script type="text/javascript" src="../../../external/jquery.metadata.js"></script>
-	<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
-	<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
-	<script type="text/javascript" src="../../../ui/jquery.ui.button.js"></script>
-	<script type="text/javascript">
+	<meta charset="utf-8">
+	<title>Button Visual Test</title>
+	<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
+	<script src="../../../jquery-1.7.2.js"></script>
+	<script src="../../../ui/jquery.ui.core.js"></script>
+	<script src="../../../ui/jquery.ui.widget.js"></script>
+	<script src="../../../ui/jquery.ui.button.js"></script>
+	<script>
 	$(function() {
-		var buttons = $('#push button, #check').button();
-		var buttonSets = $('#radio0, #radio1, #radio2, #ops1, #format, #ops2, #mode, #inputs, #anchors').buttonset();
-		
-		buttons.add(buttonSets).click(function(event) {
-			var target = $(event.target);
-			if (target.closest('.ui-button:not(.ui-state-disabled)').length) {
-				$("<div></div>")
-					.text("Clicked " + (target.text() || target.val()))
-					.appendTo("#log");
-				window.console && console.log(this, arguments);
-			}
+		$( ".buttons" ).each(function() {
+			$( this ).children()
+				.eq( 0 )
+					.button({
+						text: false,
+						icons: {
+							primary: "ui-icon-help"
+						}
+					})
+				.end()
+				.eq( 1 )
+					.button({
+						icons: {
+							primary: "ui-icon-help"
+						},
+						disabled: true
+					})
+				.end()
+				.eq( 2 )
+					.button();
 		});
-		
-		$("#disable-widgets").toggle(function() {
-			buttons.button("disable");
-			buttonSets.buttonset("disable");
-		}, function() {
-			buttons.button("enable");
-			buttonSets.buttonset("enable");
-		});
-		$("#toggle-widgets").toggle(function() {
-			buttons.button();
-			buttonSets.buttonset();
-		}, function() {
-			buttons.button("destroy");
-			buttonSets.buttonset("destroy");
-		}).click();
 	});
 	</script>
 </head>
 <body>
 
-<div id="push">
-	<div>
-		No icon
-		<button>Simple button, only text</button>
-		<button class="ui-priority-secondary">Secondary priority button</button>
-	</div>
-	<br/>
-	<div>
-		With icon
-		<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-		<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Primary icon</button>
-		<button class="{button:{icons:{secondary:'ui-icon-triangle-1-s'}}}">Secondary icon</button>
-		<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Both icons</button>
-		<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons and no text</button>
-	</div>
+<div class="buttons">
+	<button>button</button>
+	<button>button</button>
+	<button>button</button>
+</div>
+
+<div class="buttons">
+	<button type="button">button button</button>
+	<button type="button">button button</button>
+	<button type="button">button button</button>
 </div>
 
-<div id="toggle" style="margin-top: 2em;">
-	<input type="checkbox" id="check" /><label for="check">Toggle</label>
+<div class="buttons">
+	<button type="submit">button submit</button>
+	<button type="submit">button submit</button>
+	<button type="submit">button submit</button>
 </div>
 
-<div id="radio0" style="margin-top: 2em;">
-	<input type="radio" id="radio01" name="radio" checked="checked" /><label for="radio01">Choice 1</label>
-	<input type="radio" id="radio02" name="radio" /><label for="radio02">Choice 2</label>
-	<input type="radio" id="radio03" name="radio" /><label for="radio03">Choice 3</label>
+<div class="buttons">
+	<input type="button" value="input button">
+	<input type="button" value="input button">
+	<input type="button" value="input button">
 </div>
-<form>
-	<div id="radio1" style="margin-top: 2em;">
-		<input type="radio" id="radio11" name="radio" /><label for="radio11">Choice 1</label>
-		<input type="radio" id="radio12" name="radio" checked="checked" /><label for="radio12">Choice 2</label>
-		<input type="radio" id="radio13" name="radio" /><label for="radio13">Choice 3</label>
-	</div>
-</form>
-<form>
-	<div id="radio2" style="margin-top: 2em;">
-		<input type="radio" id="radio21" name="radio" /><label for="radio21">Choice 1</label>
-		<input type="radio" id="radio22" name="radio" /><label for="radio22">Choice 2</label>
-		<input type="radio" id="radio23" name="radio" checked="checked" /><label for="radio23">Choice 3</label>
-	</div>
-</form>
 
-<div id="toolbar" class="ui-widget-header ui-corner-all ui-helper-clearfix">
-	<span id="ops1">
-		<button class="{button:{icons:{primary:'ui-icon-folder-open'},text:false}}">Open</button>
-		<button class="{button:{icons:{primary:'ui-icon-disk'},text:false}}">Save</button>
-		<button class="{button:{icons:{primary:'ui-icon-trash'},text:false}}">Delete</button>
-	</span>
-	<span id="format">
-		<input type="checkbox" id="check1" /><label for="check1">B</label>
-		<input type="checkbox" id="check2" /><label for="check2">I</label>
-		<input type="checkbox" id="check3" /><label for="check3">U</label>
-	</span>
-	<span id="ops2">
-		<button class="{button:{icons:{primary:'ui-icon-print'},text:false}}">Print...</button>
-		<button class="{button:{icons:{primary:'ui-icon-mail-closed'},text:false}}">Mail to...</button>
-	</span>
-	<span id="mode">
-		<input type="radio" id="mode1" name="radio2" checked="checked" /><label for="mode1">Edit</label>
-		<input type="radio" id="mode2" name="radio2" /><label for="mode2">View</label>
-	</span>
+<div class="buttons">
+	<input type="submit" value="input submit">
+	<input type="submit" value="input submit">
+	<input type="submit" value="input submit">
 </div>
 
-<div id="inputs" style="margin-top: 2em;">
-	<input type="submit" value="Submit button" />
-	<input type="reset" value="Reset button" class="{button:{label:'Custom reset'}}" />
+<div class="buttons">
+	<input type="checkbox" id="input-checkbox0">
+	<input type="checkbox" id="input-checkbox1">
+	<input type="checkbox" id="input-checkbox2">
+	<label for="input-checkbox0">input checkbox</label>
+	<label for="input-checkbox1">input checkbox</label>
+	<label for="input-checkbox2">input checkbox</label>
 </div>
 
-<div id="anchors" style="margin-top: 2em;">
-	<a href="#">Anchor 1</a>
-	<a href="#" class="{button:{icons:{primary:'ui-icon-print'},text:false}}">Anchor 2</a>
-	<a href="#" class="{button:{icons:{primary:'ui-icon-mail-closed'},text:false}}">Anchor 3</a>
-	<a href="#">Anchor 4</a>
+<div class="buttons">
+	<input type="radio" id="input-radio0" name="radio">
+	<input type="radio" id="input-radio1" name="radio">
+	<input type="radio" id="input-radio2" name="radio">
+	<label for="input-radio0">input radio</label>
+	<label for="input-radio1">input radio</label>
+	<label for="input-radio2">input radio</label>
 </div>
 
-<div style="margin-top: 2em;">
-	<button id="disable-widgets">Toggle disabled</button>
-	<button id="toggle-widgets">Toggle widget</button>
+<div class="buttons">
+	<a href="#">anchor</a>
+	<a href="#">anchor</a>
+	<a href="#">anchor</a>
 </div>
-<div id="log"></div>
 
-<script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script>
-<script type="text/javascript">
-	$.fn.themeswitcher && $('<div></div>').css({
-		position: "absolute",
-		right: 10,
-		top: 10
-	}).appendTo(document.body).themeswitcher();
-</script>
 </body>
 </html>
diff --git a/tests/visual/button/button_disabled_true.html b/tests/visual/button/button_disabled_true.html
deleted file mode 100644
index 83a3e9cd6..000000000
--- a/tests/visual/button/button_disabled_true.html
+++ /dev/null
@@ -1,84 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="UTF-8" />
-	<title>Button Visual Test : Button disabled true</title>
-	<link rel="stylesheet" href="../visual.css" type="text/css" />
-	<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
-	<script type="text/javascript" src="../../../jquery-1.7.2.js"></script>
-	<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
-	<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
-	<script type="text/javascript" src="../../../ui/jquery.ui.button.js"></script>
-	<script type="text/javascript">
-	$(function() {
-
-	$("#button1").button({
-		disabled: true
-	});
-
-	$("#anchor1").button({
-		disabled: true
-	});
-
-	$("#inputbutton1").button({
-		disabled: true
-	});
-
-	$("#radio1, #radio2, #radio3").button({
-		disabled: true
-	});
-
-	$("#checkbox1, #checkbox2, #checkbox3").button({
-		disabled: true
-	});
-
-	});
-	</script>
-</head>
-<body>
-
-<fieldset>
-	<legend>button</legend>
-	<button disabled="disabled">button</button>
-	<hr />
-	<button id="button1">button</button>
-</fieldset>
-
-<fieldset>
-	<legend>anchor</legend>
-	<a href="javascript:void(0)">anchor 1</a> # Attribute "disabled" not allowed on element "a" at this point.
-	<hr />
-	<a href="javascript:void(0)" id="anchor1">anchor 1</a>
-</fieldset>
-
-<fieldset>
-	<legend>input type="button"</legend>
-	<input type="button" disabled="disabled" value="input button 1" />
-	<hr />
-	<input type="button" id="inputbutton1" value="input button 1" />
-</fieldset>
-
-<fieldset>
-	<legend>input type="radio"</legend>
-	<input type="radio" name="radioletter" id="radioa" disabled="disabled" /><label for="radioa">radio a</label>
-	<input type="radio" name="radioletter" id="radiob" disabled="disabled" /><label for="radiob">radio b</label>
-	<input type="radio" name="radioletter" id="radioc" disabled="disabled" /><label for="radioc">radio c</label>
-	<hr />
-	<input type="radio" name="radionumber" id="radio1" /><label for="radio1">radio 1</label>
-	<input type="radio" name="radionumber" id="radio2" /><label for="radio2">radio 2</label>
-	<input type="radio" name="radionumber" id="radio3" /><label for="radio3">radio 3</label>
-</fieldset>
-
-<fieldset>
-	<legend>input type="checkbox"</legend>
-	<input type="checkbox" id="checkboxa" disabled="disabled" /><label for="checkboxa">checkbox a</label>
-	<input type="checkbox" id="checkboxb" disabled="disabled" /><label for="checkboxb">checkbox b</label>
-	<input type="checkbox" id="checkboxc" disabled="disabled" /><label for="checkboxc">checkbox c</label>
-	<hr />
-	<input type="checkbox" id="checkbox1" /><label for="checkbox1">checkbox 1</label>
-	<input type="checkbox" id="checkbox2" /><label for="checkbox2">checkbox 2</label>
-	<input type="checkbox" id="checkbox3" /><label for="checkbox3">checkbox 3</label>
-</fieldset>
-
-</body>
-</html>
diff --git a/tests/visual/button/button_performance.html b/tests/visual/button/button_performance.html
deleted file mode 100644
index 8ff6d0320..000000000
--- a/tests/visual/button/button_performance.html
+++ /dev/null
@@ -1,555 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="UTF-8" />
-	<title>Button Visual push: Default</title>
-	<link rel="stylesheet" href="../visual.css" type="text/css" />
-	<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
-	<style type="text/css">
-		#toolbar { margin-top: 2em; padding:0.2em; }
-		#ops1, #ops2, #format, #mode { margin-right: 1em }
-	</style>
-	<script type="text/javascript" src="../../../jquery-1.7.2.js"></script>
-	<script type="text/javascript" src="../../../external/jquery.metadata.js"></script>
-	<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
-	<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
-	<script type="text/javascript" src="../../../ui/jquery.ui.button.js"></script>
-	<script type="text/javascript">
-	$(function() {
-		var start = +new Date();
-		$("button").button();
-		var end = +new Date();
-		$("<p></p>").text( "Time to initialize: " + (end - start)  + "ms" ).prependTo("body");
-	});
-	</script>
-</head>
-<body>
-
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-<button>Simple button, only text</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
-<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
-<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
-
-</body>
-</html>
diff --git a/tests/visual/button/button_ticket_5261.html b/tests/visual/button/button_ticket_5261.html
deleted file mode 100644
index 7eddc33ae..000000000
--- a/tests/visual/button/button_ticket_5261.html
+++ /dev/null
@@ -1,42 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="UTF-8" />
-	<title>Button Visual Test : Button ticket #5261</title>
-	<link rel="stylesheet" href="../visual.css" type="text/css" />
-	<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
-	<script type="text/javascript" src="../../../jquery-1.7.2.js"></script>
-	<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
-	<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
-	<script type="text/javascript" src="../../../ui/jquery.ui.button.js"></script>
-	<script type="text/javascript">
-	$(function() {
-
-	$('#id1').button().change(function(e) {
-		console.log('change', e);
-	});
-	$('#id1').bind('change', function(e) {
-		console.log('bound change', e);
-	});
-	$("body").live('change', function(e) {
-		console.log('live change on body', e);
-	});
-	$(document).delegate('input', 'change', function(e) {
-		console.log('delegated input change', e);
-	});
-	$(document).change(function(e) {
-		console.log('delegated change on document', e);
-	});
-
-	});
-	</script>
-</head>
-<body>
-	
-<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/5261">#5261 - button change events don't fire in IE 7/8</a></h1>
-	
-<input name="1" id="id1" type="checkbox"/>
-<label for="id1">Checkbox</label>
-
-</body>
-</html>
diff --git a/tests/visual/button/button_ticket_5278.html b/tests/visual/button/button_ticket_5278.html
deleted file mode 100644
index eed6ebdb0..000000000
--- a/tests/visual/button/button_ticket_5278.html
+++ /dev/null
@@ -1,58 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="UTF-8" />
-	<title>Button Visual Test : Button ticket #5278</title>
-	<link rel="stylesheet" href="../visual.css" type="text/css" />
-	<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
-	<script type="text/javascript" src="../../../jquery-1.7.2.js"></script>
-	<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
-	<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
-	<script type="text/javascript" src="../../../ui/jquery.ui.button.js"></script>
-	<script type="text/javascript">
-	$(function() {
-
-	$('#id1, #id2, #id3, #id4').button();
-
-	$('#r1, #r2, #r3, #r4').button();
-
-	});
-	</script>
-</head>
-<body>
-	
-<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/5278">#5278 - ui.buttons doesn't visually reset on form "reset" event or input "change" event</a></h1>
-
-<form>
-		
-<input name="a1" id="id1" type="checkbox"/>
-<label for="id1">Checkbox</label>
-
-<input name="a2" id="id2" type="checkbox"/>
-<label for="id2">Checkbox</label>
-
-<input name="a3" id="id3" type="checkbox" checked="checked" />
-<label for="id3">Checkbox</label>
-
-<input name="a4" id="id4" type="checkbox"/>
-<label for="id4">Checkbox</label>
-
-<input type="reset"/>
-
-<input name="r" id="r1" type="radio"/>
-<label for="r1">Radio</label>
-
-<input name="r" id="r2" type="radio"/>
-<label for="r2">Radio</label>
-
-<input name="r" id="r3" type="radio" checked="checked" />
-<label for="r3">Radio</label>
-
-<input name="r" id="r4" type="radio"/>
-<label for="r4">Radio</label>
-
-
-</form>
-
-</body>
-</html>
diff --git a/tests/visual/button/performance.html b/tests/visual/button/performance.html
new file mode 100644
index 000000000..1d1884bc2
--- /dev/null
+++ b/tests/visual/button/performance.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<title>Button Visual Test: Initialization Performance</title>
+	<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
+	<script src="../../../jquery-1.7.2.js"></script>
+	<script src="../../../ui/jquery.ui.core.js"></script>
+	<script src="../../../ui/jquery.ui.widget.js"></script>
+	<script src="../../../ui/jquery.ui.button.js"></script>
+	<script>
+	$(function() {
+		var start,
+			html = new Array( 500 ).join( "<button>button</button>" );
+		$( html ).appendTo( "body" );
+
+		start = $.now();
+		$( "button" ).button();
+		$( "<p>" ).text( "Time to initialize: " + ($.now() - start)  + "ms" ).prependTo( "body" );
+	});
+	</script>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/tests/visual/dialog/large_dom.html b/tests/visual/dialog/performance.html
index e84f4b328..e84f4b328 100644
--- a/tests/visual/dialog/large_dom.html
+++ b/tests/visual/dialog/performance.html
author	Scott González <scott.gonzalez@gmail.com>	2012-05-15 10:45:13 -0400
committer	Scott González <scott.gonzalez@gmail.com>	2012-05-15 10:45:13 -0400
commit	1f2469234b15d79d97c692ed97a5eaeb67c7b697 (patch)
tree	b067cfe87c31d895b9a807394dd714560ee5bdb8 /tests
parent	86569d8ebceec4b4c173d5fd635b968796f0361b (diff)
download	jquery-ui-1f2469234b15d79d97c692ed97a5eaeb67c7b697.tar.gz jquery-ui-1f2469234b15d79d97c692ed97a5eaeb67c7b697.zip