]> source.dussan.org Git - jquery-ui.git/commitdiff
projects / jquery-ui.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 86569d8)
Visual tests: Cleanup.
authorScott González <scott.gonzalez@gmail.com>
Tue, 15 May 2012 14:45:13 +0000 (10:45 -0400)
committerScott González <scott.gonzalez@gmail.com>
Tue, 15 May 2012 14:45:13 +0000 (10:45 -0400)
tests/visual/button/button.html patch | blob | history
tests/visual/button/button_disabled_true.html [deleted file] patch | blob | history
tests/visual/button/button_performance.html [deleted file] patch | blob | history
tests/visual/button/button_ticket_5261.html [deleted file] patch | blob | history
tests/visual/button/button_ticket_5278.html [deleted file] patch | blob | history
tests/visual/button/performance.html [new file with mode: 0644] patch | blob
tests/visual/dialog/large_dom.html [deleted file] patch | blob | history
tests/visual/dialog/performance.html [new file with mode: 0644] patch | blob

diff --git a/tests/visual/button/button.html b/tests/visual/button/button.html
index 7aef71f977035c386c0e332abfdae491efbb1b77..20bae191fe3bdc70ce4105673a1dd1f8a4373997 100644 (file)
--- 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 (file)
index 83a3e9c..0000000
--- 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 (file)
index 8ff6d03..0000000
--- 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 (file)
index 7eddc33..0000000
--- 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 (file)
index eed6ebd..0000000
--- 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 (file)
index 0000000..1d1884b
--- /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/large_dom.html
deleted file mode 100644 (file)
index e84f4b3..0000000
--- a/tests/visual/dialog/large_dom.html
+++ /dev/null
@@ -1,73 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-       <meta charset="utf-8">
-       <title>Dialog Visual Test - Modal Dialog in Large DOM</title>
-       <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
-       <script src="../../../jquery-1.7.2.js"></script>
-       <script src="../../../external/jquery.bgiframe-2.1.2.js"></script>
-       <script src="../../../ui/jquery.ui.core.js"></script>
-       <script src="../../../ui/jquery.ui.position.js"></script>
-       <script src="../../../ui/jquery.ui.widget.js"></script>
-       <script src="../../../ui/jquery.ui.mouse.js"></script>
-       <script src="../../../ui/jquery.ui.draggable.js"></script>
-       <script src="../../../ui/jquery.ui.resizable.js"></script>
-       <script src="../../../ui/jquery.ui.dialog.js"></script>
-       <script>
-       $(function() {
-               var start,
-                       html = new Array( 500 ).join( $( "#template" ).html() );
-               $( html ).appendTo( "body" );
-
-               start = $.now();
-               $( "#dialog" ).dialog({
-                       modal: true,
-                       autoOpen: false
-               });
-               $( "<li>Create: " + ($.now() - start) + "ms</li>" ).appendTo( "#log" );
-
-               $( "#opener" ).click(function() {
-                       start = $.now();
-                       $( "#dialog" ).dialog( "open" );
-                       $( "<li>Open: " + ($.now() - start) + "ms</li>" ).appendTo( "#log" );
-               });
-       });
-       </script>
-</head>
-<body>
-
-<p>WHAT: A single dialog is created on a page with a large DOM.</p>
-<p>EXPECTED: Creating and opening the dialog should be fast, regardless of page size.</p>
-
-<button id="opener">open dialog</button>
-<div id="dialog" title="Dialog Title">
-       <p> Dialog Content </p>
-       <input type="text">
-</div>
-
-<ul id="log"></ul>
-
-<script type="text/html" id="template">
-<div><div><div><div><div><div><div><div><div><div>
-<div><div><div><div><div><div><div><div><div><div>
-<div><div><div><div><div><div><div><div><div><div>
-<div><div><div><div><div><div><div><div><div><div>
-<div><div><div><div><div><div><div><div><div><div>
-<div><p>This <span>is</span> <span>a</span> <strong>large</strong> <abbr>DOM</abbr>.</p></div>
-<input>
-<select>
-       <option>option 1</option>
-       <option>option 2</option>
-       <option>option 3</option>
-       <option>option 4</option>
-       <option>option 5</option>
-</select>
-</div></div></div></div></div></div></div></div></div></div>
-</div></div></div></div></div></div></div></div></div></div>
-</div></div></div></div></div></div></div></div></div></div>
-</div></div></div></div></div></div></div></div></div></div>
-</div></div></div></div></div></div></div></div></div></div>
-</script>
-
-</body>
-</html>
diff --git a/tests/visual/dialog/performance.html b/tests/visual/dialog/performance.html
new file mode 100644 (file)
index 0000000..e84f4b3
--- /dev/null
+++ b/tests/visual/dialog/performance.html
@@ -0,0 +1,73 @@
+<!doctype html>
+<html lang="en">
+<head>
+       <meta charset="utf-8">
+       <title>Dialog Visual Test - Modal Dialog in Large DOM</title>
+       <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
+       <script src="../../../jquery-1.7.2.js"></script>
+       <script src="../../../external/jquery.bgiframe-2.1.2.js"></script>
+       <script src="../../../ui/jquery.ui.core.js"></script>
+       <script src="../../../ui/jquery.ui.position.js"></script>
+       <script src="../../../ui/jquery.ui.widget.js"></script>
+       <script src="../../../ui/jquery.ui.mouse.js"></script>
+       <script src="../../../ui/jquery.ui.draggable.js"></script>
+       <script src="../../../ui/jquery.ui.resizable.js"></script>
+       <script src="../../../ui/jquery.ui.dialog.js"></script>
+       <script>
+       $(function() {
+               var start,
+                       html = new Array( 500 ).join( $( "#template" ).html() );
+               $( html ).appendTo( "body" );
+
+               start = $.now();
+               $( "#dialog" ).dialog({
+                       modal: true,
+                       autoOpen: false
+               });
+               $( "<li>Create: " + ($.now() - start) + "ms</li>" ).appendTo( "#log" );
+
+               $( "#opener" ).click(function() {
+                       start = $.now();
+                       $( "#dialog" ).dialog( "open" );
+                       $( "<li>Open: " + ($.now() - start) + "ms</li>" ).appendTo( "#log" );
+               });
+       });
+       </script>
+</head>
+<body>
+
+<p>WHAT: A single dialog is created on a page with a large DOM.</p>
+<p>EXPECTED: Creating and opening the dialog should be fast, regardless of page size.</p>
+
+<button id="opener">open dialog</button>
+<div id="dialog" title="Dialog Title">
+       <p> Dialog Content </p>
+       <input type="text">
+</div>
+
+<ul id="log"></ul>
+
+<script type="text/html" id="template">
+<div><div><div><div><div><div><div><div><div><div>
+<div><div><div><div><div><div><div><div><div><div>
+<div><div><div><div><div><div><div><div><div><div>
+<div><div><div><div><div><div><div><div><div><div>
+<div><div><div><div><div><div><div><div><div><div>
+<div><p>This <span>is</span> <span>a</span> <strong>large</strong> <abbr>DOM</abbr>.</p></div>
+<input>
+<select>
+       <option>option 1</option>
+       <option>option 2</option>
+       <option>option 3</option>
+       <option>option 4</option>
+       <option>option 5</option>
+</select>
+</div></div></div></div></div></div></div></div></div></div>
+</div></div></div></div></div></div></div></div></div></div>
+</div></div></div></div></div></div></div></div></div></div>
+</div></div></div></div></div></div></div></div></div></div>
+</div></div></div></div></div></div></div></div></div></div>
+</script>
+
+</body>
+</html>
The official jQuery user interface library: https://github.com/jquery/jquery-ui