Selectmenu: improved visual tests (title and merging widget compatibi…

…lity tests)
jquery · Dec 1, 2011 · aef2d2f · aef2d2f
1 parent b539e2e
commit aef2d2f
Show file tree

Hide file tree

Showing 6 changed files with 59 additions and 172 deletions.
diff --git a/tests/visual/selectmenu/autocomplete.html b/tests/visual/selectmenu/autocomplete.html
diff --git a/tests/visual/selectmenu/tabs.html → tests/visual/selectmenu/compatibility .html b/tests/visual/selectmenu/tabs.html → tests/visual/selectmenu/compatibility .html
@@ -2,39 +2,75 @@
 <html lang="en">
 <head>
 	<meta charset="utf-8">
-	<title>jQuery UI Selectmenu - Event functionality</title>
+	<title>jQuery UI Selectmenu - Compatibility with other widgets</title>
 	<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
 	<script src="../../../jquery-1.7.1.js"></script>
 	<script src="../../../ui/jquery.ui.core.js"></script>
 	<script src="../../../ui/jquery.ui.widget.js"></script>
 	<script src="../../../ui/jquery.ui.position.js"></script>
 	<script src="../../../ui/jquery.ui.tabs.js"></script>
+	<script src="../../../ui/jquery.ui.dialog.js"></script>
+	<script src="../../../ui/jquery.ui.autocomplete.js"></script>
 	<script src="../../../ui/jquery.ui.button.js"></script>
 	<script src="../../../ui/jquery.ui.menu.js"></script>
 	<script src="../../../ui/jquery.ui.selectmenu.js"></script>
 	<link rel="stylesheet" href="../../../demos/demos.css">
 	<script>
 	$(function() {
-		$( "#tabs" ).tabs();
 		$('select').selectmenu();
+
+		var availableTags = [
+			"ActionScript",
+			"AppleScript",
+			"Asp",
+			"BASIC",
+			"C",
+			"C++",
+			"Clojure",
+			"COBOL",
+			"ColdFusion",
+			"Erlang",
+			"Fortran",
+			"Groovy",
+			"Haskell",
+			"Java",
+			"JavaScript",
+			"Lisp",
+			"Perl",
+			"PHP",
+			"Python",
+			"Ruby",
+			"Scala",
+			"Scheme"
+		];
+		$( "#tags" ).autocomplete({
+			source: availableTags
+		});
+		$( "#tabs" ).tabs();
+		$( "#dialog" ).dialog();		
 	});
 	</script>
 	<style>
 		form { margin: 20px 0 0 0 }
 		fieldset { border: 0; }
 		label { display: block; }
 		select { width: 200px; }
+		#tabs { margin: 50px 0 0 0 }
 	</style>
 </head>
 <body>
 
 <div class="demo">
 
+<div class="ui-widget">
+	<label for="tags">Tags: </label>
+	<input id="tags">
+</div>
 
 <div id="tabs">
 	<ul>
 		<li><a href="#tabs-1">Nunc tincidunt</a></li>
-		<li><a href="#tabs-2">Proin dolor</a></li>
+		<li><a href="#tabs-2">Selectmenu</a></li>
 		<li><a href="#tabs-3">Aenean lacinia</a></li>
 	</ul>
 	<div id="tabs-1">
@@ -60,6 +96,23 @@
 	</div>
 </div>
 
+<div id="dialog" title="Basic dialog">
+	<p>Some example content</p>
+	<p><a href="#nogo">Test Link</a></p>
+	<form action="#">
+		<fieldset>
+			<label for="speed">Select a speed:</label>
+			<select name="speed" id="speed">
+				<option value="Slower">Slower</option>
+				<option value="Slow">Slow</option>
+				<option value="Medium" selected="selected">Medium</option>
+				<option value="Fast">Fast</option>
+				<option value="Faster">Faster</option>
+			</select>
+		</fieldset>
+	</form>
+</div>
+
 </div><!-- End demo -->
 
 

diff --git a/tests/visual/selectmenu/dialog.html b/tests/visual/selectmenu/dialog.html
diff --git a/tests/visual/selectmenu/events.html b/tests/visual/selectmenu/events.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
 	<meta charset="utf-8">
-	<title>jQuery UI Selectmenu - Event functionality</title>
+	<title>jQuery UI Selectmenu - Events functionality</title>
 	<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
 	<script src="../../../jquery-1.7.1.js"></script>
 	<script src="../../../ui/jquery.ui.core.js"></script>

diff --git a/tests/visual/selectmenu/methods.html b/tests/visual/selectmenu/methods.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
 	<meta charset="utf-8">
-	<title>jQuery UI Selectmenu - Event functionality</title>
+	<title>jQuery UI Selectmenu - Methids functionality</title>
 	<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
 	<script src="../../../jquery-1.7.1.js"></script>
 	<script src="../../../ui/jquery.ui.core.js"></script>

diff --git a/tests/visual/selectmenu/option.html b/tests/visual/selectmenu/option.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
 	<meta charset="utf-8">
-	<title>jQuery UI Selectmenu - Event functionality</title>
+	<title>jQuery UI Selectmenu - Option functionality</title>
 	<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
 	<script src="../../../jquery-1.7.1.js"></script>
 	<script src="../../../ui/jquery.ui.core.js"></script>