diff options
| 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 | |
| parent | 86569d8ebceec4b4c173d5fd635b968796f0361b (diff) | |
| download | jquery-ui-1f2469234b15d79d97c692ed97a5eaeb67c7b697.tar.gz jquery-ui-1f2469234b15d79d97c692ed97a5eaeb67c7b697.zip | |
Visual tests: Cleanup.
| -rw-r--r-- | tests/visual/button/button.html | 184 | ||||
| -rw-r--r-- | tests/visual/button/button_disabled_true.html | 84 | ||||
| -rw-r--r-- | tests/visual/button/button_performance.html | 555 | ||||
| -rw-r--r-- | tests/visual/button/button_ticket_5261.html | 42 | ||||
| -rw-r--r-- | tests/visual/button/button_ticket_5278.html | 58 | ||||
| -rw-r--r-- | tests/visual/button/performance.html | 26 | ||||
| -rw-r--r-- | tests/visual/dialog/performance.html (renamed from tests/visual/dialog/large_dom.html) | 0 |
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 |