jquery-ui/tests/unit/menu/menu.html

312 lines
7.2 KiB
HTML
Raw Normal View History

2011-08-03 21:12:44 +00:00
<!doctype html>
<html lang="en">
<head>
2011-08-03 21:12:44 +00:00
<meta charset="utf-8">
<title>jQuery UI Menu Test Suite</title>
<script src="../../jquery.js"></script>
<link rel="stylesheet" href="../../../external/qunit/qunit.css">
<script src="../../../external/qunit/qunit.js"></script>
<script src="../../../external/jquery-simulate/jquery.simulate.js"></script>
<script src="../testsuite.js"></script>
<script>
TestHelpers.loadResources({
css: [ "core", "menu" ],
js: [
"ui/core.js",
"ui/widget.js",
"ui/menu.js"
]
});
</script>
2011-08-03 21:12:44 +00:00
2011-08-04 01:15:38 +00:00
<script src="menu_test_helpers.js"></script>
<script src="menu_common.js"></script>
2011-08-03 21:12:44 +00:00
<script src="menu_core.js"></script>
<script src="menu_events.js"></script>
<script src="menu_methods.js"></script>
<script src="menu_options.js"></script>
2011-08-04 01:15:38 +00:00
<script src="../swarminject.js"></script>
<style>
2011-08-04 01:15:38 +00:00
.ui-menu {
font-size: 15px;
line-height: 15px;
}
.ui-menu .ui-menu-item {
padding: 0;
/* Support: IE7 */
*display: block;
*float: left;
*clear: left;
2011-08-04 01:15:38 +00:00
}
2011-08-03 21:12:44 +00:00
#menu3 {
height: 250px;
overflow: auto;
}
#menu4, #menu4 ul {
height: 250px;
overflow: auto;
}
</style>
</head>
<body>
<div id="qunit">jQuery UI Menu Test Suite</div>
2011-02-25 09:43:06 +00:00
<div id="qunit-fixture">
<ul class="foo" id="menu1">
<li class="foo">Aberdeen</li>
<li class="foo">Ada</li>
<li class="foo">Adamsville</li>
<li id="testID1" class="foo">Addyston</li>
<li class="foo">Adelphi</li>
</ul>
<ul id="menu2">
<li class="foo">Aberdeen</li>
<li class="foo">Ada</li>
<li class="foo">Adamsville</li>
<li class="foo"><span class="ui-icon ui-icon-print"></span>Addyston</li>
<li>Delphi
<ul>
<li class="foo">Ada</li>
<li class="foo">Saarland</li>
<li class="foo">Salzburg</li>
</ul>
</li>
<li class="foo">Saarland</li>
<li>Salzburg
<ul>
<li>Delphi
<ul>
<li class="foo">Ada</li>
<li class="foo">Saarland</li>
<li class="foo">Salzburg</li>
</ul>
</li>
<li>Delphi
<ul>
<li class="foo">Ada</li>
<li> - </li>
<li class="foo">Saarland</li>
<li></li>
<li class="foo">Salzburg</li>
<li>&ndash;</li>
</ul>
</li>
<li class="foo">Perch</li>
</ul>
</li>
</ul>
<ul class="foo" id="menu3">
<li class="foo">Aberdeen</li>
<li class="foo">Ada</li>
<li class="foo">Adamsville</li>
<li class="foo">Addyston</li>
<li class="foo">Adelphi</li>
<li class="foo">Adena</li>
<li class="foo">Adrian</li>
<li class="foo">Akron</li>
<li class="foo">Albany</li>
<li class="foo">Alexandria</li>
<li class="foo">Alger</li>
<li class="foo">Alledonia</li>
<li class="foo">Alliance</li>
<li class="foo">Alpha</li>
<li class="foo">Alvada</li>
<li class="foo">Alvordton</li>
<li class="foo">Amanda</li>
<li class="foo">Amelia</li>
<li class="foo">Amesville</li>
<li class="foo">Aberdeen</li>
<li class="foo">Ada</li>
<li class="foo">Adamsville</li>
<li class="foo">Addyston</li>
<li class="foo">Adelphi</li>
<li class="foo">Adena</li>
<li class="foo">Adrian</li>
<li class="foo">Akron</li>
<li class="foo">Albany</li>
<li class="foo">Alexandria</li>
<li class="foo">Alger</li>
<li class="foo">Alledonia</li>
<li class="foo">Alliance</li>
<li class="foo">Alpha</li>
<li class="foo">Alvada</li>
<li class="foo">Alvordton</li>
<li class="foo">Amanda</li>
<li class="foo">Amelia</li>
<li class="foo">Amesville</li>
</ul>
<ul class="foo" id="menu4">
<li class="foo">Aberdeen</li>
<li class="foo">
Ada
<ul class="foo">
<li class="foo">Aberdeen</li>
<li class="foo">Ada</li>
<li class="foo">Adamsville</li>
<li class="foo">Addyston</li>
<li class="foo">Adelphi</li>
<li class="foo">Adena</li>
<li class="foo">Adrian</li>
<li class="foo">Akron</li>
<li class="foo">Albany</li>
<li class="foo">Alexandria</li>
<li class="foo">Alger</li>
<li class="foo">Alledonia</li>
<li class="foo">Alliance</li>
<li class="foo">Alpha</li>
<li class="foo">Alvada</li>
<li class="foo">Alvordton</li>
<li class="foo">Amanda</li>
<li class="foo">Amelia</li>
<li class="foo">Amesville</li>
<li class="foo">Aberdeen</li>
<li class="foo">Ada</li>
<li class="foo">Adamsville</li>
<li class="foo">Addyston</li>
<li class="foo">Adelphi</li>
<li class="foo">Adena</li>
<li class="foo">Adrian</li>
<li class="foo">Akron</li>
<li class="foo">Albany</li>
</ul>
</li>
<li class="foo">Adamsville</li>
<li class="foo">Addyston</li>
<li class="foo">Adelphi</li>
<li class="foo">Adena</li>
<li class="foo">Adrian</li>
<li class="foo">Akron</li>
<li class="foo">Albany</li>
<li class="foo">Alexandria</li>
<li class="foo">Alger</li>
<li class="foo">Alledonia</li>
<li class="foo">Alliance</li>
<li class="foo">Alpha</li>
<li class="foo">Alvada</li>
<li class="foo">Alvordton</li>
<li class="foo">Amanda</li>
<li class="foo">Amelia</li>
<li class="foo">Amesville</li>
<li class="foo">Aberdeen</li>
<li class="foo">Ada</li>
<li class="foo">Adamsville</li>
<li class="foo">Addyston</li>
<li class="foo">Adelphi</li>
<li class="foo">Adena</li>
<li class="foo">Adrian</li>
<li class="foo">Akron</li>
<li class="foo">Albany</li>
<li class="foo">Alexandria</li>
<li class="foo">Alger</li>
<li class="foo">Alledonia</li>
<li class="foo">Alliance</li>
<li class="foo">Alpha</li>
<li class="foo">Alvada</li>
<li class="foo">Alvordton</li>
<li class="foo">Amanda</li>
<li class="foo">Amelia</li>
<li class="foo">Amesville</li>
</ul>
<div id="menu5">
<blockquote>Aberdeen</blockquote>
<blockquote>Ada</blockquote>
<blockquote>Adamsville</blockquote>
<blockquote>Addyston</blockquote>
<blockquote>Delphi
<div>
<blockquote>Ada</blockquote>
<blockquote>Saarland</blockquote>
<blockquote>Salzburg</blockquote>
</div>
</blockquote>
<blockquote>Saarland</blockquote>
<blockquote>Salzburg
<div>
<blockquote>Delphi
<div>
<blockquote>Ada</blockquote>
<blockquote id="testID2">Saarland</blockquote>
<blockquote>Salzburg</blockquote>
</div>
</blockquote>
<blockquote>Delphi
<div>
<blockquote>Ada</blockquote>
<blockquote>Saarland</blockquote>
<blockquote>Salzburg</blockquote>
</div>
</blockquote>
<blockquote>Perch</blockquote>
</div>
</blockquote>
</div>
<ul id="menu6">
<li class="foo">Aberdeen</li>
<li class="foo ui-state-disabled">Ada</li>
<li class="foo">Adamsville</li>
<li class="foo">Addyston</li>
<li id="testID3" class="ui-state-disabled">Delphi
<ul>
<li class="foo">Ada</li>
<li class="foo">Saarland</li>
<li class="foo">Salzburg</li>
</ul>
</li>
<li class="foo">Saarland</li>
</ul>
<ul id="menu7">
<li class="ui-menu-group"><strong>Group 1</strong></li>
<li>Aberdeen</li>
<li>Ada</li>
<li>Adamsville</li>
<li>Addyston</li>
<li></li>
<li class="ui-menu-group"><strong>Group 2</strong></li>
<li>Delphi
<ul>
<li>Ada</li>
<li>Saarland</li>
<li>Salzburg</li>
</ul>
</li>
<li>Saarland</li>
<li>---</li>
<li class="ui-menu-group"><strong>Group 3</strong></li>
<li>Salzburg
<ul>
<li>Delphi
<ul>
<li>Ada</li>
<li> - </li>
<li>Saarland</li>
<li>&mdash;</li>
<li>Salzburg</li>
<li>&ndash;</li>
</ul>
</li>
<li>Delphi
<ul>
<li>Ada</li>
<li>Saarland</li>
<li>Salzburg</li>
</ul>
</li>
<li>Perch</li>
</ul>
</li>
<li>Amesville</li>
</ul>
</div>
</body>
</html>