aboutsummaryrefslogtreecommitdiffstats
path: root/tests
diff options
context:
space:
mode:
authorScott González <scott.gonzalez@gmail.com>2010-09-03 10:39:19 -0400
committerScott González <scott.gonzalez@gmail.com>2010-09-03 10:39:19 -0400
commitddb9a783a8120a734d15d808b25009057bb16ac1 (patch)
treeda2df2e216c65fe49314b7c29100e9264da66604 /tests
parent4b9d5d1b5bd36726c6e49b105c0f75649cca1ae4 (diff)
downloadjquery-ui-ddb9a783a8120a734d15d808b25009057bb16ac1.tar.gz
jquery-ui-ddb9a783a8120a734d15d808b25009057bb16ac1.zip
Position: Added visual test for flipping with margin and box-shadow.
Diffstat (limited to 'tests')
-rw-r--r--tests/visual/position/position_margin.html43
1 files changed, 43 insertions, 0 deletions
diff --git a/tests/visual/position/position_margin.html b/tests/visual/position/position_margin.html
new file mode 100644
index 000000000..b29480061
--- /dev/null
+++ 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>