diff options
| author | Jörn Zaefferer <joern.zaefferer@gmail.com> | 2012-02-21 17:48:55 +0100 |
|---|---|---|
| committer | Jörn Zaefferer <joern.zaefferer@gmail.com> | 2012-02-21 17:48:55 +0100 |
| commit | 6528b48b4762b0ddf3697580444fdf9f34e7eca9 (patch) | |
| tree | 46e0e17d0b8356d0e9d142e9a00bdf242d5bbf2c /tests | |
| parent | 98d72c7f6d0f1c535774d4db85556626e016603c (diff) | |
| parent | d32a9e81ecb8a201c1737c3226a99c33ced451af (diff) | |
| download | jquery-ui-6528b48b4762b0ddf3697580444fdf9f34e7eca9.tar.gz jquery-ui-6528b48b4762b0ddf3697580444fdf9f34e7eca9.zip | |
Merge branch 'master' into selectmenu
Diffstat (limited to 'tests')
29 files changed, 474 insertions, 3345 deletions
diff --git a/tests/jquery.simulate.js b/tests/jquery.simulate.js index a8740e6b8..43614dd0a 100644 --- a/tests/jquery.simulate.js +++ b/tests/jquery.simulate.js @@ -157,8 +157,7 @@ $.extend( $.simulate.prototype, { }, drag: function( el ) { - var self = this, - center = this.findCenter(this.target), + var center = this.findCenter(this.target), options = this.options, x = Math.floor( center.x ), y = Math.floor( center.y ), diff --git a/tests/static/slider/default.html b/tests/static/slider/default.html deleted file mode 100644 index aec1f7800..000000000 --- a/tests/static/slider/default.html +++ /dev/null @@ -1,17 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Static Test : Default</title> - <link rel="stylesheet" href="../static.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.base.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" /> - <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> - <script type="text/javascript" src="../static.js"></script> -</head> -<body> - -<div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><a style="left: 0%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a></div> - -</body> -</html> diff --git a/tests/static/slider/default_vertical.html b/tests/static/slider/default_vertical.html deleted file mode 100644 index 6ddf1de2b..000000000 --- a/tests/static/slider/default_vertical.html +++ /dev/null @@ -1,17 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Static Test : Default vertical</title> - <link rel="stylesheet" href="../static.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.base.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" /> - <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> - <script type="text/javascript" src="../static.js"></script> -</head> -<body> - -<div class="ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all"><a style="bottom: 0%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a></div> - -</body> -</html> diff --git a/tests/static/slider/slider_horizontal.html b/tests/static/slider/slider_horizontal.html deleted file mode 100644 index e28d9d774..000000000 --- a/tests/static/slider/slider_horizontal.html +++ /dev/null @@ -1,17 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Static Test : Slider horizontal</title> - <link rel="stylesheet" href="../static.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.base.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" /> - <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> - <script type="text/javascript" src="../static.js"></script> -</head> -<body> - -<div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><a style="left: 50%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a></div> - -</body> -</html> diff --git a/tests/static/slider/slider_horizontal_range.html b/tests/static/slider/slider_horizontal_range.html deleted file mode 100644 index 227ce44bb..000000000 --- a/tests/static/slider/slider_horizontal_range.html +++ /dev/null @@ -1,17 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Static Test : Slider horizontal range</title> - <link rel="stylesheet" href="../static.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.base.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" /> - <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> - <script type="text/javascript" src="../static.js"></script> -</head> -<body> - -<div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><div style="left: 25%; width: 50%;" class="ui-slider-range ui-widget-header"></div><a style="left: 25%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a><a style="left: 75%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a></div> - -</body> -</html> diff --git a/tests/static/slider/slider_horizontal_range_max.html b/tests/static/slider/slider_horizontal_range_max.html deleted file mode 100644 index 11b2a9673..000000000 --- a/tests/static/slider/slider_horizontal_range_max.html +++ /dev/null @@ -1,17 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Static Test : Slider horizontal range max</title> - <link rel="stylesheet" href="../static.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.base.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" /> - <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> - <script type="text/javascript" src="../static.js"></script> -</head> -<body> - -<div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><div style="width:25%;" class="ui-slider-range ui-slider-range-max ui-widget-header"></div><a style="left: 75%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a></div> - -</body> -</html> diff --git a/tests/static/slider/slider_horizontal_range_min.html b/tests/static/slider/slider_horizontal_range_min.html deleted file mode 100644 index 9ed15f538..000000000 --- a/tests/static/slider/slider_horizontal_range_min.html +++ /dev/null @@ -1,17 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Static Test : Slider horizontal range min</title> - <link rel="stylesheet" href="../static.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.base.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" /> - <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> - <script type="text/javascript" src="../static.js"></script> -</head> -<body> - -<div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><div style="width: 25%;" class="ui-slider-range ui-slider-range-min ui-widget-header"></div><a style="left: 25%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a></div> - -</body> -</html> diff --git a/tests/static/slider/slider_vertical.html b/tests/static/slider/slider_vertical.html deleted file mode 100644 index 63ef3d1db..000000000 --- a/tests/static/slider/slider_vertical.html +++ /dev/null @@ -1,17 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Static Test : Slider vertical</title> - <link rel="stylesheet" href="../static.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.base.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" /> - <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> - <script type="text/javascript" src="../static.js"></script> -</head> -<body> - -<div class="ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all"><a style="bottom: 50%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a></div> - -</body> -</html> diff --git a/tests/static/slider/slider_vertical_range.html b/tests/static/slider/slider_vertical_range.html deleted file mode 100644 index 4f1ffb035..000000000 --- a/tests/static/slider/slider_vertical_range.html +++ /dev/null @@ -1,17 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Static Test : Slider vertical range</title> - <link rel="stylesheet" href="../static.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.base.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" /> - <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> - <script type="text/javascript" src="../static.js"></script> -</head> -<body> - -<div class="ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all"><div style="bottom: 25%; height: 50%;" class="ui-slider-range ui-widget-header"></div><a style="bottom: 25%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a><a style="bottom: 75%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a></div> - -</body> -</html> diff --git a/tests/static/slider/slider_vertical_range_max.html b/tests/static/slider/slider_vertical_range_max.html deleted file mode 100644 index a5c9857c1..000000000 --- a/tests/static/slider/slider_vertical_range_max.html +++ /dev/null @@ -1,17 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Static Test : Slider vertical range max</title> - <link rel="stylesheet" href="../static.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.base.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" /> - <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> - <script type="text/javascript" src="../static.js"></script> -</head> -<body> - -<div class="ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all"><div style="height: 25%;" class="ui-slider-range ui-slider-range-max ui-widget-header"></div><a style="bottom: 75%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a></div> - -</body> -</html> diff --git a/tests/static/slider/slider_vertical_range_min.html b/tests/static/slider/slider_vertical_range_min.html deleted file mode 100644 index b43d4511b..000000000 --- a/tests/static/slider/slider_vertical_range_min.html +++ /dev/null @@ -1,17 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>Slider Static Test : Slider vertical range min</title> - <link rel="stylesheet" href="../static.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.base.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" /> - <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> - <script type="text/javascript" src="../static.js"></script> -</head> -<body> - -<div class="ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all"><div style="height:25%;" class="ui-slider-range ui-slider-range-min ui-widget-header"></div><a style="bottom: 25%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a></div> - -</body> -</html> diff --git a/tests/unit/accordion/accordion_defaults.js b/tests/unit/accordion/accordion_defaults.js index 9aa58e650..9ad85bbce 100644 --- a/tests/unit/accordion/accordion_defaults.js +++ b/tests/unit/accordion/accordion_defaults.js @@ -1,7 +1,7 @@ commonWidgetTests( "accordion", { defaults: { active: 0, - animated: "slide", + animate: {}, collapsible: false, disabled: false, event: "click", diff --git a/tests/unit/accordion/accordion_defaults_deprecated.js b/tests/unit/accordion/accordion_defaults_deprecated.js index 3f45a1f10..99f5ac827 100644 --- a/tests/unit/accordion/accordion_defaults_deprecated.js +++ b/tests/unit/accordion/accordion_defaults_deprecated.js @@ -1,6 +1,7 @@ commonWidgetTests( "accordion", { defaults: { active: 0, + animate: null, animated: "slide", autoHeight: true, clearStyle: false, diff --git a/tests/unit/accordion/accordion_events.js b/tests/unit/accordion/accordion_events.js index 12acf2a44..b5c3ea228 100644 --- a/tests/unit/accordion/accordion_events.js +++ b/tests/unit/accordion/accordion_events.js @@ -2,6 +2,45 @@ module( "accordion: events", accordion_setupTeardown() ); +test( "create", function() { + expect( 10 ); + + var element = $( "#list1" ), + headers = element.children( "h3" ), + contents = headers.next(); + + element.accordion({ + create: function( event, ui ) { + equals( ui.header.size(), 1, "header size" ); + strictEqual( ui.header[ 0 ], headers[ 0 ], "header" ); + equals( ui.content.size(), 1, "content size" ); + strictEqual( ui.content[ 0 ], contents[ 0 ], "content" ); + } + }); + element.accordion( "destroy" ); + + element.accordion({ + active: 2, + create: function( event, ui ) { + equals( ui.header.size(), 1, "header size" ); + strictEqual( ui.header[ 0 ], headers[ 2 ], "header" ); + equals( ui.content.size(), 1, "content size" ); + strictEqual( ui.content[ 0 ], contents[ 2 ], "content" ); + } + }); + element.accordion( "destroy" ); + + element.accordion({ + active: false, + collapsible: true, + create: function( event, ui ) { + equals( ui.header.size(), 0, "header size" ); + equals( ui.content.size(), 0, "content size" ); + } + }); + element.accordion( "destroy" ); +}); + test( "beforeActivate", function() { expect( 38 ); var element = $( "#list1" ).accordion({ diff --git a/tests/unit/accordion/accordion_options.js b/tests/unit/accordion/accordion_options.js index a60bb27e1..8206b1d62 100644 --- a/tests/unit/accordion/accordion_options.js +++ b/tests/unit/accordion/accordion_options.js @@ -255,7 +255,7 @@ test( "{ icons: false }", function() { var element = $( "#list1" ); function icons( on ) { deepEqual( element.find( "span.ui-icon").length, on ? 3 : 0 ); - deepEqual( element.hasClass( "ui-accordion-icons" ), on ); + deepEqual( element.find( ".ui-accordion-header.ui-accordion-icons" ).length, on ? 3 : 0 ); } element.accordion(); icons( true ); diff --git a/tests/unit/accordion/accordion_test_helpers.js b/tests/unit/accordion/accordion_test_helpers.js index 66d60a469..7b316e983 100644 --- a/tests/unit/accordion/accordion_test_helpers.js +++ b/tests/unit/accordion/accordion_test_helpers.js @@ -18,13 +18,13 @@ function accordion_equalHeights( accordion, min, max ) { } function accordion_setupTeardown() { - var animated = $.ui.accordion.prototype.options.animated; + var animate = $.ui.accordion.prototype.options.animate; return { setup: function() { - $.ui.accordion.prototype.options.animated = false; + $.ui.accordion.prototype.options.animate = false; }, teardown: function() { - $.ui.accordion.prototype.options.animated = animated; + $.ui.accordion.prototype.options.animate = animate; } }; } diff --git a/tests/unit/autocomplete/autocomplete_core.js b/tests/unit/autocomplete/autocomplete_core.js index d98f56abf..ef6ea58af 100644 --- a/tests/unit/autocomplete/autocomplete_core.js +++ b/tests/unit/autocomplete/autocomplete_core.js @@ -2,45 +2,6 @@ module( "autocomplete: core" ); -asyncTest( "close-on-blur is properly delayed", function() { - expect( 3 ); - var element = $( "#autocomplete" ) - .autocomplete({ - source: [ "java", "javascript" ] - }) - .val( "ja" ) - .autocomplete( "search" ), - menu = element.autocomplete( "widget" ); - - ok( menu.is( ":visible" ) ); - element.blur(); - ok( menu.is( ":visible" ) ); - setTimeout(function() { - ok( menu.is( ":hidden") ); - start(); - }, 200 ); -}); - -asyncTest( "close-on-blur is cancelled when starting a search", function() { - expect( 3 ); - var element = $( "#autocomplete" ) - .autocomplete({ - source: [ "java", "javascript" ] - }) - .val( "ja" ) - .autocomplete( "search" ), - menu = element.autocomplete( "widget" ); - - ok( menu.is( ":visible" ) ); - element.blur(); - ok( menu.is( ":visible" ) ); - element.autocomplete( "search" ); - setTimeout(function() { - ok( menu.is( ":visible" ) ); - start(); - }, 200 ); -}); - test( "prevent form submit on enter when menu is active", function() { expect( 2 ); var event, @@ -162,8 +123,4 @@ test( "allow form submit on enter when menu is not active", function() { } })(); -(function() { - -})(); - }( jQuery ) ); diff --git a/tests/unit/autocomplete/autocomplete_events.js b/tests/unit/autocomplete/autocomplete_events.js index 7b51ec4c0..1c7ff7462 100644 --- a/tests/unit/autocomplete/autocomplete_events.js +++ b/tests/unit/autocomplete/autocomplete_events.js @@ -68,7 +68,10 @@ $.each([ ok( menu.is( ":visible" ), "menu is visible after delay" ); element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); element.simulate( "keydown", { keyCode: $.ui.keyCode.ENTER } ); - element.simulate( "blur" ); + // blur must be async for IE to handle it properly + setTimeout(function() { + element.simulate( "blur" ); + }, 1 ); }, 50 ); }); }); diff --git a/tests/unit/autocomplete/autocomplete_methods.js b/tests/unit/autocomplete/autocomplete_methods.js index 3fe035d28..1600d73dc 100644 --- a/tests/unit/autocomplete/autocomplete_methods.js +++ b/tests/unit/autocomplete/autocomplete_methods.js @@ -9,15 +9,19 @@ test( "destroy", function() { }); }); -test( "search", function() { - expect( 3 ); +test( "search, close", function() { + expect( 6 ); var data = [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl" ], element = $( "#autocomplete" ).autocomplete({ source: data, minLength: 0 }), menu = element.autocomplete( "widget" ); + + ok( menu.is( ":hidden" ), "menu is hidden on init" ); + element.autocomplete( "search" ); + ok( menu.is( ":visible" ), "menu is visible after search" ); equal( menu.find( ".ui-menu-item" ).length, data.length, "all items for a blank search" ); element.val( "has" ).autocomplete( "search" ); @@ -25,6 +29,9 @@ test( "search", function() { element.autocomplete( "search", "ja" ); equal( menu.find( ".ui-menu-item" ).length, 2, "only java and javascript for 'ja'" ); + + element.autocomplete( "close" ); + ok( menu.is( ":hidden" ), "menu is hidden after close" ); }); }( jQuery ) ); diff --git a/tests/unit/autocomplete/autocomplete_options.js b/tests/unit/autocomplete/autocomplete_options.js index 114e9a42b..1ab40f36c 100644 --- a/tests/unit/autocomplete/autocomplete_options.js +++ b/tests/unit/autocomplete/autocomplete_options.js @@ -102,6 +102,60 @@ test( "minLength", function() { ok( menu.is( ":visible" ), "blank enough for minLength: 0" ); }); +asyncTest( "minLength, exceed then drop below", function() { + expect( 4 ); + var element = $( "#autocomplete" ).autocomplete({ + minLength: 2, + source: function( req, res ) { + equal( req.term, "12", "correct search term" ); + setTimeout(function() { + res([ "item" ]); + }, 1 ); + } + }), + menu = element.autocomplete( "widget" ); + + ok( menu.is( ":hidden" ), "menu is hidden before first search" ); + element.autocomplete( "search", "12" ); + + ok( menu.is( ":hidden" ), "menu is hidden before second search" ); + element.autocomplete( "search", "1" ); + + setTimeout(function() { + ok( menu.is( ":hidden" ), "menu is hidden after searches" ); + start(); + }, 50 ); +}); + +test( "minLength, exceed then drop below then exceed", function() { + expect( 3 ); + var _res = [], + element = $( "#autocomplete" ).autocomplete({ + minLength: 2, + source: function( req, res ) { + _res.push( res ); + } + }), + menu = element.autocomplete( "widget" ); + + // trigger a valid search + ok( menu.is( ":hidden" ), "menu is hidden before first search" ); + element.autocomplete( "search", "12" ); + + // trigger a search below the minLength, to turn on cancelSearch flag + ok( menu.is( ":hidden" ), "menu is hidden before second search" ); + element.autocomplete( "search", "1" ); + + // trigger a valid search + element.autocomplete( "search", "13" ); + // react as if the first search was cancelled (default ajax behavior) + _res[ 0 ]([]); + // react to second search + _res[ 1 ]([ "13" ]); + + ok( menu.is( ":visible" ), "menu is visible after searches" ); +}); + test( "source, local string array", function() { expect( 1 ); var element = $( "#autocomplete" ).autocomplete({ diff --git a/tests/unit/menu/menu_core.js b/tests/unit/menu/menu_core.js index c0feae75c..bccf4a1f2 100644 --- a/tests/unit/menu/menu_core.js +++ b/tests/unit/menu/menu_core.js @@ -9,27 +9,27 @@ module("menu: core"); test("accessibility", function () { expect(5); - var ac = $('#menu1').menu(); + var menu = $('#menu1').menu(); var item0 = $("li:eq(0) a"); - ok( ac.hasClass("ui-menu ui-widget ui-widget-content ui-corner-all"), "menu class"); - equals( ac.attr("role"), "menu", "main role"); - ok( !ac.attr("aria-activedescendant"), "aria attribute not yet active"); + ok( menu.hasClass("ui-menu ui-widget ui-widget-content ui-corner-all"), "menu class"); + equals( menu.attr("role"), "menu", "main role"); + ok( !menu.attr("aria-activedescendant"), "aria attribute not yet active"); - var item = ac.find( "li:first" ).find( "a" ).attr( "id", "xid" ).end(); - ac.menu( "focus", $.Event(), item ); - equals( ac.attr("aria-activedescendant"), "xid", "aria attribute, id from dom"); + var item = menu.find( "li:first" ).find( "a" ).attr( "id", "xid" ).end(); + menu.menu( "focus", $.Event(), item ); + equals( menu.attr("aria-activedescendant"), "xid", "aria attribute, id from dom"); - var item = ac.find( "li:last" ); - ac.menu( "focus", $.Event(), item ); - equals( ac.attr("aria-activedescendant"), "menu1-4", "aria attribute, generated id"); + var item = menu.find( "li:last" ); + menu.menu( "focus", $.Event(), item ); + equals( menu.attr("aria-activedescendant"), "menu1-4", "aria attribute, generated id"); }); test("items class and role", function () { - var ac = $('#menu1').menu(); - expect(1 + 5 * $("li",ac).length); - ok( ($("li",ac).length > 0 ), "number of menu items"); - $("li",ac).each(function(item) { + var menu = $('#menu1').menu(); + expect(1 + 5 * $("li",menu).length); + ok( ($("li",menu).length > 0 ), "number of menu items"); + $("li",menu).each(function(item) { ok( $(this).hasClass("ui-menu-item"), "menu item ("+ item + ") class for item"); equals( $(this).attr("role"), "presentation", "menu item ("+ item + ") role"); equals( $("a", this).attr("role"), "menuitem", "menu item ("+ item + ") role"); diff --git a/tests/unit/menu/menu_events.js b/tests/unit/menu/menu_events.js index 9e68e0c67..6b03efb3c 100644 --- a/tests/unit/menu/menu_events.js +++ b/tests/unit/menu/menu_events.js @@ -7,7 +7,7 @@ module("menu: events"); test("handle click on menu", function() { expect(1); - var ac = $('#menu1').menu({ + var menu = $('#menu1').menu({ select: function(event, ui) { menu_log(); } @@ -15,15 +15,15 @@ test("handle click on menu", function() { menu_log("click",true); menu_click($('#menu1'),"1"); menu_log("afterclick"); - menu_click( ac,"2"); + menu_click( menu,"2"); menu_click($('#menu1'),"3"); - menu_click( ac,"1"); + menu_click( menu,"1"); equals( $("#log").html(), "1,3,2,afterclick,1,click,", "Click order not valid."); }); test("handle click on custom item menu", function() { expect(1); - var ac = $('#menu5').menu({ + var menu = $('#menu5').menu({ select: function(event, ui) { menu_log(); }, @@ -32,9 +32,9 @@ test("handle click on custom item menu", function() { menu_log("click",true); menu_click($('#menu5'),"1"); menu_log("afterclick"); - menu_click( ac,"2"); + menu_click( menu,"2"); menu_click($('#menu5'),"3"); - menu_click( ac,"1"); + menu_click( menu,"1"); equals( $("#log").html(), "1,3,2,afterclick,1,click,", "Click order not valid."); }); @@ -87,48 +87,55 @@ asyncTest( "handle submenu auto collapse: mouseleave", function() { var $menu = $( "#menu2" ).menu(); $menu.find( "li:nth-child(7)" ).trigger( "mouseover" ); - setTimeout(function() { + setTimeout( menumouseleave1, 350 ); + + function menumouseleave1() { equal( $menu.find( "ul[aria-expanded='true']" ).length, 1, "first submenu expanded" ); $menu.find( "li:nth-child(7) li:first" ).trigger( "mouseover" ); - setTimeout(function() { - equal( $menu.find( "ul[aria-expanded='true']" ).length, 2, "second submenu expanded" ); - $menu.find( "ul[aria-expanded='true']:first" ).trigger( "mouseleave" ); - setTimeout(function() { - equal( $menu.find( "ul[aria-expanded='true']" ).length, 1, "second submenu collapsed" ); - $menu.trigger( "mouseleave" ); - setTimeout(function() { - equal( $menu.find( "ul[aria-expanded='true']" ).length, 0, "first submenu collapsed" ); - start(); - }, 1400); - }, 1050); - }, 700); - }, 350); + setTimeout( menumouseleave2, 350 ); + } + function menumouseleave2() { + equal( $menu.find( "ul[aria-expanded='true']" ).length, 2, "second submenu expanded" ); + $menu.find( "ul[aria-expanded='true']:first" ).trigger( "mouseleave" ); + setTimeout( menumouseleave3, 350 ); + } + function menumouseleave3() { + equal( $menu.find( "ul[aria-expanded='true']" ).length, 1, "second submenu collapsed" ); + $menu.trigger( "mouseleave" ); + setTimeout( menumouseleave4, 350 ); + } + function menumouseleave4() { + equal( $menu.find( "ul[aria-expanded='true']" ).length, 0, "first submenu collapsed" ); + start(); + } }); -asyncTest( "handle custom menu item submenu auto collapse: mouseleave", function() { - expect( 5 ); +asyncTest( "handle submenu auto collapse: mouseleave", function() { + expect( 4 ); var $menu = $( "#menu5" ).menu( { menus: "div" } ); - $menu.children( ":nth-child(7)" ).trigger( "mouseover" ); - setTimeout(function() { + $menu.find( ":nth-child(7)" ).trigger( "mouseover" ); + setTimeout( menumouseleave1, 350 ); + + function menumouseleave1() { equal( $menu.find( "div[aria-expanded='true']" ).length, 1, "first submenu expanded" ); - $menu.children( ":nth-child(7)" ).find( "div:first" ).children( ":first" ).trigger( "mouseover" ); - setTimeout(function() { - equal( $menu.find( "div[aria-expanded='true']" ).length, 2, "second submenu expanded" ); - $menu.find( "div[aria-expanded='true']:first" ).trigger( "mouseleave" ); - setTimeout(function() { - equal( $menu.find( "div[aria-expanded='true']" ).length, 1, "second submenu collapsed" ); - $menu.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN }); - ok( $menu.find( ".ui-state-active" ).is( "#menu5 :nth-child(7) a" ), - "down keypress selected an item from the first submenu" ); - $menu.trigger( "mouseleave" ); - setTimeout(function() { - equal( $menu.find( "div[aria-expanded='true']" ).length, 0, "first submenu collapsed" ); - start(); - }, 1400); - }, 1050); - }, 700); - }, 350); + $menu.find( ":nth-child(7)" ).find( "div" ).eq( 0 ).children().eq( 0 ).trigger( "mouseover" ); + setTimeout( menumouseleave2, 350 ); + } + function menumouseleave2() { + equal( $menu.find( "div[aria-expanded='true']" ).length, 2, "second submenu expanded" ); + $menu.find( "div[aria-expanded='true']:first" ).trigger( "mouseleave" ); + setTimeout( menumouseleave3, 350 ); + } + function menumouseleave3() { + equal( $menu.find( "div[aria-expanded='true']" ).length, 1, "second submenu collapsed" ); + $menu.trigger( "mouseleave" ); + setTimeout( menumouseleave4, 350 ); + } + function menumouseleave4() { + equal( $menu.find( "div[aria-expanded='true']" ).length, 0, "first submenu collapsed" ); + start(); + } }); @@ -144,13 +151,14 @@ test("handle keyboard navigation on menu without scroll and without submenus", f }); menu_log("keydown",true); + element.focus(); element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); - equals( $("#log").html(), "1,0,keydown,", "Keydown DOWN"); + equals( $("#log").html(), "2,1,0,keydown,", "Keydown DOWN"); menu_log("keydown",true); element.simulate( "keydown", { keyCode: $.ui.keyCode.UP } ); - equals( $("#log").html(), "0,keydown,", "Keydown UP"); + equals( $("#log").html(), "1,keydown,", "Keydown UP"); menu_log("keydown",true); element.simulate( "keydown", { keyCode: $.ui.keyCode.LEFT } ); @@ -205,81 +213,90 @@ asyncTest("handle keyboard navigation on menu without scroll and with submenus", }); menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); - element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); - equals( $("#log").html(), "1,0,keydown,", "Keydown DOWN"); + element.one( "menufocus", function( event, ui ) { + element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); + element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); + equals( $("#log").html(), "2,1,keydown,", "Keydown DOWN"); + setTimeout( menukeyboard1, 50 ); + }); + element.focus(); - menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.UP } ); - equals( $("#log").html(), "0,keydown,", "Keydown UP"); + function menukeyboard1() { + menu_log("keydown",true); + element.simulate( "keydown", { keyCode: $.ui.keyCode.UP } ); + element.simulate( "keydown", { keyCode: $.ui.keyCode.UP } ); + equals( $("#log").html(), "0,1,keydown,", "Keydown UP"); - menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.LEFT } ); - equals( $("#log").html(), "keydown,", "Keydown LEFT (no effect)"); + menu_log("keydown",true); + element.simulate( "keydown", { keyCode: $.ui.keyCode.LEFT } ); + equals( $("#log").html(), "keydown,", "Keydown LEFT (no effect)"); - menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); - element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); - element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); - element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); - element.simulate( "keydown", { keyCode: $.ui.keyCode.RIGHT } ); + menu_log("keydown",true); + element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); + element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); + element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); + element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); + element.simulate( "keydown", { keyCode: $.ui.keyCode.RIGHT } ); - setTimeout( function() { - equals( $("#log").html(), "0,4,3,2,1,keydown,", "Keydown RIGHT (open submenu)"); - }, 50); + setTimeout( function() { + equals( $("#log").html(), "0,4,3,2,1,keydown,", "Keydown RIGHT (open submenu)"); + }, 50); + setTimeout( menukeyboard2, 50 ); + } - setTimeout( function() { + function menukeyboard2() { menu_log("keydown",true); element.simulate( "keydown", { keyCode: $.ui.keyCode.LEFT } ); equals( $("#log").html(), "4,keydown,", "Keydown LEFT (close submenu)"); //re-open submenu element.simulate( "keydown", { keyCode: $.ui.keyCode.RIGHT } ); + setTimeout( menukeyboard3, 50 ); + } - setTimeout( function() { - menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_DOWN } ); - equals( $("#log").html(), "2,keydown,", "Keydown PAGE_DOWN"); - - menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_DOWN } ); - equals( $("#log").html(), "keydown,", "Keydown PAGE_DOWN (no effect)"); + function menukeyboard3() { + menu_log("keydown",true); + element.simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_DOWN } ); + equals( $("#log").html(), "2,keydown,", "Keydown PAGE_DOWN"); - menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_UP } ); - equals( $("#log").html(), "0,keydown,", "Keydown PAGE_UP"); + menu_log("keydown",true); + element.simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_DOWN } ); + equals( $("#log").html(), "keydown,", "Keydown PAGE_DOWN (no effect)"); - menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_UP } ); - equals( $("#log").html(), "keydown,", "Keydown PAGE_UP (no effect)"); + menu_log("keydown",true); + element.simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_UP } ); + equals( $("#log").html(), "0,keydown,", "Keydown PAGE_UP"); - menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.END } ); - equals( $("#log").html(), "2,keydown,", "Keydown END"); + menu_log("keydown",true); + element.simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_UP } ); + equals( $("#log").html(), "keydown,", "Keydown PAGE_UP (no effect)"); - menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.HOME } ); - equals( $("#log").html(), "0,keydown,", "Keydown HOME"); + menu_log("keydown",true); + element.simulate( "keydown", { keyCode: $.ui.keyCode.END } ); + equals( $("#log").html(), "2,keydown,", "Keydown END"); - menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.ESCAPE } ); - equals( $("#log").html(), "4,keydown,", "Keydown ESCAPE (close submenu)"); + menu_log("keydown",true); + element.simulate( "keydown", { keyCode: $.ui.keyCode.HOME } ); + equals( $("#log").html(), "0,keydown,", "Keydown HOME"); - menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.ENTER } ); + menu_log("keydown",true); + element.simulate( "keydown", { keyCode: $.ui.keyCode.ESCAPE } ); + equals( $("#log").html(), "4,keydown,", "Keydown ESCAPE (close submenu)"); - setTimeout( function() { - equals( $("#log").html(), "0,keydown,", "Keydown ENTER (open submenu)"); + menu_log("keydown",true); + element.simulate( "keydown", { keyCode: $.ui.keyCode.ENTER } ); + setTimeout( menukeyboard4, 50 ); + } - menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.ENTER } ); - equals( $("#log").html(), "Ada,keydown,", "Keydown ENTER (select item)"); + function menukeyboard4() { + equals( $("#log").html(), "0,keydown,", "Keydown ENTER (open submenu)"); - start(); - }, 200); - }, 150); - }, 100); + menu_log("keydown",true); + element.simulate( "keydown", { keyCode: $.ui.keyCode.ENTER } ); + equals( $("#log").html(), "Ada,keydown,", "Keydown ENTER (select item)"); + start(); + } }); test("handle keyboard navigation on menu with scroll and without submenus", function() { @@ -294,13 +311,15 @@ test("handle keyboard navigation on menu with scroll and without submenus", func }); menu_log("keydown",true); + element.focus(); element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); - equals( $("#log").html(), "1,0,keydown,", "Keydown DOWN"); + equals( $("#log").html(), "2,1,0,keydown,", "Keydown DOWN"); menu_log("keydown",true); element.simulate( "keydown", { keyCode: $.ui.keyCode.UP } ); - equals( $("#log").html(), "0,keydown,", "Keydown UP"); + element.simulate( "keydown", { keyCode: $.ui.keyCode.UP } ); + equals( $("#log").html(), "0,1,keydown,", "Keydown UP"); menu_log("keydown",true); element.simulate( "keydown", { keyCode: $.ui.keyCode.LEFT } ); @@ -363,78 +382,88 @@ asyncTest("handle keyboard navigation on menu with scroll and with submenus", fu }); menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); - element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); - equals( $("#log").html(), "1,0,keydown,", "Keydown DOWN"); + element.one( "menufocus", function( event, ui ) { + element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); + element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); + equals( $("#log").html(), "2,1,keydown,", "Keydown DOWN"); + setTimeout( menukeyboard1, 50 ); + }); + element.focus(); + - menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.UP } ); - equals( $("#log").html(), "0,keydown,", "Keydown UP"); + function menukeyboard1() { + menu_log("keydown",true); + element.simulate( "keydown", { keyCode: $.ui.keyCode.UP } ); + element.simulate( "keydown", { keyCode: $.ui.keyCode.UP } ); + equals( $("#log").html(), "0,1,keydown,", "Keydown UP"); - menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.LEFT } ); - equals( $("#log").html(), "keydown,", "Keydown LEFT (no effect)"); + menu_log("keydown",true); + element.simulate( "keydown", { keyCode: $.ui.keyCode.LEFT } ); + equals( $("#log").html(), "keydown,", "Keydown LEFT (no effect)"); - menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); - element.simulate( "keydown", { keyCode: $.ui.keyCode.RIGHT } ); + menu_log("keydown",true); + element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); + element.simulate( "keydown", { keyCode: $.ui.keyCode.RIGHT } ); - setTimeout( function() { - equals( $("#log").html(), "0,1,keydown,", "Keydown RIGHT (open submenu)"); - }, 50); + setTimeout( function() { + equals( $("#log").html(), "0,1,keydown,", "Keydown RIGHT (open submenu)"); + }, 50); + setTimeout( menukeyboard2, 50 ); + } - setTimeout( function() { + function menukeyboard2() { menu_log("keydown",true); element.simulate( "keydown", { keyCode: $.ui.keyCode.LEFT } ); equals( $("#log").html(), "1,keydown,", "Keydown LEFT (close submenu)"); //re-open submenu element.simulate( "keydown", { keyCode: $.ui.keyCode.RIGHT } ); + setTimeout( menukeyboard3, 50 ); + } - setTimeout( function() { - menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_DOWN } ); - equals( $("#log").html(), "10,keydown,", "Keydown PAGE_DOWN"); - - menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_DOWN } ); - equals( $("#log").html(), "20,keydown,", "Keydown PAGE_DOWN"); + function menukeyboard3() { + menu_log("keydown",true); + element.simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_DOWN } ); + equals( $("#log").html(), "10,keydown,", "Keydown PAGE_DOWN"); - menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_UP } ); - equals( $("#log").html(), "10,keydown,", "Keydown PAGE_UP"); + menu_log("keydown",true); + element.simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_DOWN } ); + equals( $("#log").html(), "20,keydown,", "Keydown PAGE_DOWN"); - menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_UP } ); - equals( $("#log").html(), "0,keydown,", "Keydown PAGE_UP"); + menu_log("keydown",true); + element.simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_UP } ); + equals( $("#log").html(), "10,keydown,", "Keydown PAGE_UP"); - menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.END } ); - equals( $("#log").html(), "27,keydown,", "Keydown END"); + menu_log("keydown",true); + element.simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_UP } ); + equals( $("#log").html(), "0,keydown,", "Keydown PAGE_UP"); - menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.HOME } ); - equals( $("#log").html(), "0,keydown,", "Keydown HOME"); + menu_log("keydown",true); + element.simulate( "keydown", { keyCode: $.ui.keyCode.END } ); + equals( $("#log").html(), "27,keydown,", "Keydown END"); - menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.ESCAPE } ); - equals( $("#log").html(), "1,keydown,", "Keydown ESCAPE (close submenu)"); + menu_log("keydown",true); + element.simulate( "keydown", { keyCode: $.ui.keyCode.HOME } ); + equals( $("#log").html(), "0,keydown,", "Keydown HOME"); - menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.ENTER } ); + menu_log("keydown",true); + element.simulate( "keydown", { keyCode: $.ui.keyCode.ESCAPE } ); + equals( $("#log").html(), "1,keydown,", "Keydown ESCAPE (close submenu)"); - setTimeout( function() { - equals( $("#log").html(), "0,keydown,", "Keydown ENTER (open submenu)"); + menu_log("keydown",true); + element.simulate( "keydown", { keyCode: $.ui.keyCode.ENTER } ); + setTimeout( menukeyboard4, 50 ); + } - menu_log("keydown",true); - element.simulate( "keydown", { keyCode: $.ui.keyCode.ENTER } ); - equals( $("#log").html(), "Aberdeen,keydown,", "Keydown ENTER (select item)"); + function menukeyboard4() { + equals( $("#log").html(), "0,keydown,", "Keydown ENTER (open submenu)"); - start(); - }, 200); - }, 150); - }, 100); + menu_log("keydown",true); + element.simulate( "keydown", { keyCode: $.ui.keyCode.ENTER } ); + equals( $("#log").html(), "Aberdeen,keydown,", "Keydown ENTER (select item)"); + start(); + } }); })(jQuery); diff --git a/tests/unit/menu/menu_methods.js b/tests/unit/menu/menu_methods.js index 0ecaf7328..3bcab3361 100644 --- a/tests/unit/menu/menu_methods.js +++ b/tests/unit/menu/menu_methods.js @@ -5,6 +5,36 @@ module("menu: methods"); +test( "enable/disable", function() { + expect( 3 ); + var menu = $( "#menu1" ).menu({ + select: function(event, ui) { + menu_log(); + } + }); + menu.menu("disable"); + ok(menu.is(".ui-state-disabled"),"Missing ui-state-disabled class"); + menu_log("click",true); + menu_click(menu,"1"); + menu_log("afterclick"); + menu.menu("enable"); + ok(menu.not(".ui-state-disabled"),"Has ui-state-disabled class"); + menu_log("click"); + menu_click(menu,"1"); + menu_log("afterclick"); + equals( $("#log").html(), "afterclick,1,click,afterclick,click,", "Click order not valid."); +}); + +test( "refresh", function() { + expect( 3 ); + var menu = $( "#menu1" ).menu(); + equals(menu.find(".ui-menu-item").length,5,"Incorrect number of menu items"); + menu.append("<li><a href='#'>test item</a></li>").menu("refresh"); + equals(menu.find(".ui-menu-item").length,6,"Incorrect number of menu items"); + menu.find(".ui-menu-item:last").remove().end().menu("refresh"); + equals(menu.find(".ui-menu-item").length,5,"Incorrect number of menu items"); +}); + test("destroy", function() { domEqual("#menu1", function() { $("#menu1").menu().menu("destroy"); diff --git a/tests/unit/menu/menu_options.js b/tests/unit/menu/menu_options.js index 03822fd74..479aab0d1 100644 --- a/tests/unit/menu/menu_options.js +++ b/tests/unit/menu/menu_options.js @@ -5,6 +5,34 @@ module("menu: options"); +test( "{ disabled: true }", function() { + expect( 2 ); + var menu = $( "#menu1" ).menu({ + disabled: true, + select: function(event, ui) { + menu_log(); + } + }); + ok(menu.is(".ui-state-disabled"),"Missing ui-state-disabled class"); + menu_log("click",true); + menu_click(menu,"1"); + menu_log("afterclick"); + equals( $("#log").html(), "afterclick,click,", "Click order not valid."); +}); +test( "{ disabled: false }", function() { + expect( 2 ); + var menu = $( "#menu1" ).menu({ + disabled: false, + select: function(event, ui) { + menu_log(); + } + }); + ok(menu.not(".ui-state-disabled"),"Has ui-state-disabled class"); + menu_log("click",true); + menu_click(menu,"1"); + menu_log("afterclick"); + equals( $("#log").html(), "afterclick,1,click,", "Click order not valid."); +}); })(jQuery); diff --git a/tests/unit/tabs/tabs_deprecated.js b/tests/unit/tabs/tabs_deprecated.js index 1323c774a..d0d13fa84 100644 --- a/tests/unit/tabs/tabs_deprecated.js +++ b/tests/unit/tabs/tabs_deprecated.js @@ -281,7 +281,7 @@ test( "enable", function() { var element = $( "#tabs1" ).tabs({ disabled: [ 0, 1 ], - enable: function ( event, ui ) { + enable: function( event, ui ) { equals( ui.tab, element.find( ".ui-tabs-nav a" )[ 1 ], "ui.tab" ); equals( ui.panel, element.find( ".ui-tabs-panel" )[ 1 ], "ui.panel" ); equals( ui.index, 1, "ui.index" ); @@ -296,10 +296,10 @@ test( "disable", function() { expect( 3 ); var element = $( "#tabs1" ).tabs({ - disable: function ( event, ui ) { - equals( ui.tab, element.find( ".ui-tabs-nav a" )[ 1 ], "ui.tab" ); - equals( ui.panel, element.find( ".ui-tabs-panel" )[ 1 ], "ui.panel" ); - equals( ui.index, 1, "ui.index" ); + disable: function( event, ui ) { + equals( ui.tab, element.find( ".ui-tabs-nav a" )[ 1 ], "ui.tab" ); + equals( ui.panel, element.find( ".ui-tabs-panel" )[ 1 ], "ui.panel" ); + equals( ui.index, 1, "ui.index" ); } }); element.tabs( "disable", 1 ); diff --git a/tests/unit/widget/widget_core.js b/tests/unit/widget/widget_core.js index df83abe91..86fa658aa 100644 --- a/tests/unit/widget/widget_core.js +++ b/tests/unit/widget/widget_core.js @@ -1050,11 +1050,54 @@ test( "redefine", function() { } }); - var instance = new $.ui.testWidget(); + var instance = new $.ui.testWidget({}); instance.method( "foo" ); equal( $.ui.testWidget.foo, "bar", "static properties remain" ); }); +test( "redefine deep prototype chain", function() { + expect( 8 ); + $.widget( "ui.testWidget", { + method: function( str ) { + strictEqual( this, instance, "original invoked with correct this" ); + equal( str, "level 4", "original invoked with correct parameter" ); + } + }); + $.widget( "ui.testWidget2", $.ui.testWidget, { + method: function( str ) { + strictEqual( this, instance, "testWidget2 invoked with correct this" ); + equal( str, "level 2", "testWidget2 invoked with correct parameter" ); + this._super( "level 3" ); + } + }); + $.widget( "ui.testWidget3", $.ui.testWidget2, { + method: function( str ) { + strictEqual( this, instance, "testWidget3 invoked with correct this" ); + equal( str, "level 1", "testWidget3 invoked with correct parameter" ); + this._super( "level 2" ); + } + }); + // redefine testWidget after other widgets have inherited from it + // this tests whether the inheriting widgets get updated prototype chains + $.widget( "ui.testWidget", $.ui.testWidget, { + method: function( str ) { + strictEqual( this, instance, "new invoked with correct this" ); + equal( str, "level 3", "new invoked with correct parameter" ); + this._super( "level 4" ); + } + }); + // redefine testWidget3 after it has been automatically redefined + // this tests whether we properly handle _super() when the topmost prototype + // doesn't have the method defined + $.widget( "ui.testWidget3", $.ui.testWidget3, {} ); + + var instance = new $.ui.testWidget3({}); + instance.method( "level 1" ); + + delete $.ui.testWidget3; + delete $.ui.testWidget2; +}); + asyncTest( "_delay", function() { expect( 6 ); var order = 0, diff --git a/tests/visual/dialog/dialog_on_page_with_large_dom.html b/tests/visual/dialog/dialog_on_page_with_large_dom.html index c7c105696..bc87aec09 100644 --- a/tests/visual/dialog/dialog_on_page_with_large_dom.html +++ b/tests/visual/dialog/dialog_on_page_with_large_dom.html @@ -1,26 +1,36 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> <head> - <meta charset="UTF-8" /> - <title>Dialog Visual Test : Modal Dialog in Large DOM</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.1.js"></script> - <script type="text/javascript" src="../../../external/jquery.bgiframe-2.1.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.draggable.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.position.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.resizable.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.dialog.js"></script> - <script type="text/javascript"> + <meta charset="utf-8"> + <title>Dialog Visual Test - Modal Dialog in Large DOM</title> + <link rel="stylesheet" href="../visual.css"> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css"> + <script src="../../../jquery-1.7.1.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() { - $("#dialog").dialog({ + var start, + html = new Array( 500 ).join( $( "#template" ).html() ); + $( html ).appendTo( "body" ); + + start = $.now(); + $( "#dialog" ).dialog({ modal: true, autoOpen: false }); - $('#opener').click(function() { - $('#dialog').dialog('open'); + $( "<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> @@ -33,2931 +43,29 @@ <input type="text"> </div> -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</div> - -<div> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="text"> -<input type="checkbox"><input type="checkbox"><input type="checkbox"> -<select> - <option value="a">option</option> - <option value="b">option</option> - <option value="c">option</option> - <option value="d">option</option> - <option value="e">option</option> - <option value="f">option</option> - <option value="g">option</option> - <option value="h">option</option> - <option value="i">option</option> -</select> -</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/menu/drilldown.html b/tests/visual/menu/drilldown.html index a2ae9e88f..781f5d88a 100644 --- a/tests/visual/menu/drilldown.html +++ b/tests/visual/menu/drilldown.html @@ -21,7 +21,7 @@ $.widget("ui.drilldown", { _init: function() { - var self = this; + var that = this; this.active = this.element.find(">ul").attr("tabindex", 0); // hide submenus and create indicator icons @@ -31,18 +31,18 @@ // disable built-in key handling input: $(), focus: function(event, ui) { - self.activeItem = ui.item; + that.activeItem = ui.item; }, select: function(event, ui) { - if (this != self.active[0]) { + if (this != that.active[0]) { return; } var nested = $(">ul", ui.item); if (nested.length) { - self._open(nested); + that._open(nested); } else { - self.element.find("h3").text(ui.item.text()); - self.options.select.apply(this, arguments); + that.element.find("h3").text(ui.item.text()); + that.options.select.apply(this, arguments); } } }); @@ -52,7 +52,7 @@ primary: "ui-icon-carat-1-w" } }).click(function() { - self.up(); + that.up(); return false; }).hide(); }, diff --git a/tests/visual/menu/menu.html b/tests/visual/menu/menu.html index 0715ac7f7..16ba6ae45 100644 --- a/tests/visual/menu/menu.html +++ b/tests/visual/menu/menu.html @@ -74,14 +74,14 @@ </ul> <ul id="menu2"> - <li><a href="#">Aberdeen</a></li> + <li class="ui-state-disabled"><a href="#">Aberdeen</a></li> <li><a href="#">Ada</a></li> <li><a href="#">Adamsville</a></li> <li><a href="#">Addyston</a></li> <li> <a href="#">Delphi</a> <ul> - <li><a href="#">Ada</a></li> + <li class="ui-state-disabled"><a href="#">Ada</a></li> <li><a href="#">Saarland</a></li> <li><a href="#">Salzburg</a></li> </ul> @@ -109,11 +109,12 @@ <li><a href="#">Perch</a></li> </ul> </li> + <li class="ui-state-disabled"><a href="#">Amesville</a></li> </ul> <ul id="menu3"> <li><a href="#"><span class="ui-icon ui-icon-print"></span>Aberdeen</a></li> - <li><a href="#"><span class="ui-icon ui-icon-scissors"></span>Ada</a></li> + <li class="ui-state-disabled"><a href="#"><span class="ui-icon ui-icon-scissors"></span>Ada</a></li> <li><a href="#">Adamsville</a></li> <li><a href="#"><span class="ui-icon ui-icon-wrench"></span>Addyston</a></li> <li> @@ -193,7 +194,7 @@ <div id="menu5"> <blockquote><a href="#">Aberdeen</a></blockquote> <blockquote><a href="#">Ada</a></blockquote> - <blockquote><a href="#">Adamsville</a></blockquote> + <blockquote class="ui-state-disabled"><a href="#">Adamsville</a></blockquote> <blockquote><a href="#">Addyston</a></blockquote> <blockquote> <a href="#">Delphi</a> @@ -243,7 +244,7 @@ <span class="address-content">Bloomsburg, PA 12345</span> </a> </div> - <div class="address-item"> + <div class="address-item ui-state-disabled"> <a href="#"> <span class="address-header">James Doe</span> <span class="address-content">78 West Main St Apt 3A</span> |