Selectmenu: added complex menu demo to compatibility visual test

jquery · Jul 12, 2012 · c7e9906 · c7e9906
1 parent 001bd3d
commit c7e9906
Showing 1 changed file with 62 additions and 0 deletions.
diff --git a/tests/visual/selectmenu/compatibility.html b/tests/visual/selectmenu/compatibility.html
@@ -47,6 +47,12 @@
 		});
 		$( "#tabs" ).tabs();
 		$( "#dialog" ).dialog();
+		$( "#menu" ).menu({
+			position: { of: "ul:has(a.ui-state-focus):last" },
+			icons: {
+				submenu: "ui-icon-carat-1-e"
+			}
+		});
 	});
 	</script>
 	<style>
@@ -56,6 +62,7 @@
 		label { display: block; }
 		select { width: 200px; }
 		#tabs { margin: 50px 0 0 0 }
+		#menu { width: 150px; margin: 50px 0 0 0 }
 	</style>
 </head>
 <body>
@@ -67,6 +74,61 @@
 	<input id="tags">
 </div>
 
+
+<ul id="menu">
+	<li><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><a href="#">Saarland</a></li>
+			<li><a href="#">Salzburg</a></li>
+		</ul>
+	</li>
+	<li><a href="#">Saarland</a></li>
+	<li>
+		<a href="#">Salzburg</a>
+		<ul>
+			<li>
+				<a href="#">Delphi</a>
+				<ul>
+					<li><a href="#">Ada</a></li>
+					<li><a href="#">Saarland</a></li>
+					<li><a href="#">Salzburg</a></li>
+				</ul>
+			</li>
+			<li>
+				<a href="#">Adamsville</a>
+				<ul>
+					<li><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><a href="#">Saarland</a></li>
+							<li><a href="#">Salzburg</a></li>
+						</ul>
+					</li>
+					<li><a href="#">Saarland</a></li>
+				</ul>
+			</li>
+			<li><a href="#">Perch</a>
+				<ul>
+					<li><a href="#">Addyston</a></li>
+					<li><a href="#">Delphi</a></li>
+					<li><a href="#">Perch</a></li>
+				</ul>
+			</li>
+		</ul>
+	</li>
+</ul>
+
 <div id="tabs">
 	<ul>
 		<li><a href="#tabs-1">Nunc tincidunt</a></li>