4 files changed, 110 insertions, 7 deletions
diff --git a/tests/visual/effects.all.html b/tests/visual/effects.all.html
index 1bbc7a110..1fc35f700 100644
--- a/tests/visual/effects.all.html
+++ b/tests/visual/effects.all.html
@@ -26,14 +26,26 @@
 <ul class="effects">
 
 	<li>
-		<div class="effect" id="blindHorizontally">
-			<p>Blind horizontally</p>
+		<div class="effect" id="blindUp">
+			<p>Blind up</p>
 		</div>
 	</li>
 
 	<li>
-		<div class="effect" id="blindVertically">
-			<p>Blind vertically</p>
+		<div class="effect" id="blindDown">
+			<p>Blind down</p>
+		</div>
+	</li>
+
+	<li>
+		<div class="effect" id="blindLeft">
+			<p>Blind left</p>
+		</div>
+	</li>
+
+	<li>
+		<div class="effect" id="blindRight">
+			<p>Blind right</p>
 		</div>
 	</li>
 
diff --git a/tests/visual/effects.all.js b/tests/visual/effects.all.js
index f678c6276..9cf7487c9 100644
--- a/tests/visual/effects.all.js
+++ b/tests/visual/effects.all.js
@@ -35,8 +35,10 @@ $(function() {
 		})
 	})
 
-	effect("#blindHorizontally", "blind", { direction: "horizontal" });
-	effect("#blindVertically", "blind", { direction: "vertical" });
+	effect("#blindLeft", "blind", { direction: "left" });
+	effect("#blindUp", "blind", { direction: "up" });
+	effect("#blindRight", "blind", { direction: "right" });
+	effect("#blindDown", "blind", { direction: "down" });
 
 	effect("#bounce3times", "bounce", { times: 3 });
 
diff --git a/tests/visual/menu/popup.html b/tests/visual/menu/popup.html
index de9796133..271002a20 100644
--- a/tests/visual/menu/popup.html
+++ b/tests/visual/menu/popup.html
@@ -28,7 +28,9 @@
 				$(this).hide();
 			}
 		};
-		
+
+		$("#members-popup").popup();
+
 		$("#button1").button();
 		$("#menu1").menu(selected).popup();
 		
@@ -69,10 +71,24 @@
 			padding: 0.5em;
 			border: 1px solid black;
 		}
+
+		#members-popup {
+			width: 200px; height: 150px; border: 1px solid gray; border-radius: 5px;
+			box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.5);
+			background: lightgray; background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
+			font-size: 120%; text-align: center; line-height: 150px;
+		}
  	</style>
 </head>
 <body>
 
+<div>
+	<a href="#members-popup">Project members</a>
+	<div id="members-popup" tabIndex="0">
+		some form controls in here
+	</div>
+</div>
+
 <button id="button1">Show context menu 1</button>
 <ul id="menu1">
 	<li><a href="#">Amsterdam</a></li>
@@ -85,6 +101,7 @@
 	<li><a href="#">Zurich</a></li>
 </ul>
 
+
 <div>
 	<div>
 		<button id="rerun">Run last action</button>
diff --git a/tests/visual/tooltip/animations.html b/tests/visual/tooltip/animations.html
new file mode 100644
index 000000000..f0deac1d3
--- /dev/null
+++ b/tests/visual/tooltip/animations.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<title>Tooltip Visual Test: Default</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.5.1.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.position.js"></script>
+	<script type="text/javascript" src="../../../ui/jquery.ui.button.js"></script>
+	<script type="text/javascript" src="../../../ui/jquery.ui.tooltip.js"></script>
+	<script type="text/javascript" src="../../../ui/jquery.effects.core.js"></script>
+	<script type="text/javascript" src="../../../ui/jquery.effects.blind.js"></script>
+	<script type="text/javascript" src="../../../ui/jquery.effects.bounce.js"></script>
+	<script type="text/javascript" src="../../../ui/jquery.effects.drop.js"></script>
+	<script type="text/javascript" src="../../../ui/jquery.effects.explode.js"></script>
+	<!--
+	<script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script>
+	-->
+	<script type="text/javascript">
+	$(function() {
+		var animations = [{}, {
+			show: {
+				effect: "slideDown"
+			},
+			hide: {
+				effect: "slideUp"
+			}
+		}, {
+			show: {
+				effect: "explode"
+			},
+			hide: {
+				effect: "explode"
+			}
+		}, {
+			show: {
+				effect: "bounce"
+			},
+			hide: {
+				effect: "blind"
+			}
+		},
+		{
+			show: {
+				effect: "drop",
+				direction: "right"
+			},
+			hide: {
+				effect: "drop",
+				direction: "right"
+			}
+		}];
+		$.each(animations, function(index, animation) {
+			var text = JSON.stringify(animation);
+			$("<span></span>").attr("title", text).text(text).tooltip({
+				show: animation.show,
+				hide: animation.hide
+			}).wrap("<li></li>").parent().appendTo("ul");
+		});
+	});
+	</script>
+</head>
+<body>
+
+<div style="width:300px">
+	<ul class="ui-widget ui-widget-header">
+	</ul>
+</div>
+</body>
+</html>