Position: Added visual test for flipping with margin and box-shadow.

scottgonzalez · scottgonzalez · commit ddb9a783a812 · 2010-09-03T10:39:19.000-04:00
diff --git a/tests/visual/position/position_margin.html b/tests/visual/position/position_margin.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8" />
+	<title>Position 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" title="ui-theme" />
+	<script type="text/javascript" src="../../../jquery-1.4.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.position.js"></script>
+	<script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script>
+	<script type="text/javascript">
+	$(function() {
+		$( "#elem" ).position({
+			my: "right bottom",
+			at: "right bottom",
+			of: window,
+			collision: "fit"
+		});
+	});
+	</script>
+	<style>
+		#elem {
+			position: absolute;
+			top: 100px;
+			left: 100px;
+			width: 200px;
+			height: 200px;
+			box-shadow: 10px 10px 5px #888;
+			-moz-box-shadow: 10px 10px 5px #888;
+			-webkit-box-shadow: 10px 10px 5px #888;
+			background-color: #aaa;
+			margin: 15px;
+		}
+	</style>
+</head>
+<body>
+
+<div id="elem"></div>
+
+</body>
+</html>
