draggable unit tests: added option iframeFix tests

jquery · Feb 7, 2009 · fb7f7fc · fb7f7fc
1 parent b3702cf
commit fb7f7fc
Show file tree

Hide file tree

Showing 7 changed files with 65 additions and 16 deletions.
diff --git a/tests/visual/draggable/draggable.html b/tests/visual/draggable/draggable.html
@@ -1,8 +1,8 @@
 <!doctype html>
 <html lang="en">
 <head>
-	<title>Simple Draggable</title>
+	<title>Draggable Visual Test : Default</title>
-	<link rel="stylesheet" href="../all.css" type="text/css">
+	<link rel="stylesheet" href="../visual.css" type="text/css" />
 	<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
 	<script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
 	<script type="text/javascript" src="../../../ui/ui.core.js"></script>
@@ -14,13 +14,8 @@
 	</script>
 </head>
 <body>
-
+<div id="draggable">
-<ul class="plugins">
+	<p> Draggable </p>
-<li class="plugin">
+</div>
-	Draggable
-	<div id="draggable"></div>
-</li>
-</ul>
-
 </body>
 </html>
diff --git a/tests/visual/draggable/draggable_option_containment_array.html b/tests/visual/draggable/draggable_option_containment_array.html
@@ -9,7 +9,6 @@
 	<script type="text/javascript" src="../../../ui/ui.draggable.js"></script>
 	<script type="text/javascript">
 	$(function() {
-		$("#draggable").css({ width: 100, height: 100, background: '#abc' });
 		$("#draggable").draggable({
 			containment: [50, 100, 400, 350]
 		});

diff --git a/tests/visual/draggable/draggable_option_cursorAt_object.html b/tests/visual/draggable/draggable_option_cursorAt_object.html
@@ -9,7 +9,6 @@
 	<script type="text/javascript" src="../../../ui/ui.draggable.js"></script>
 	<script type="text/javascript">
 	$(function() {
-		$("#draggable").css({ width: 100, height: 100, background: '#abc' });
 		$("#draggable").draggable({
 			cursorAt: { top: -15, right: 15 }
 		});

diff --git a/tests/visual/draggable/draggable_option_handle_selector.html b/tests/visual/draggable/draggable_option_handle_selector.html
@@ -9,7 +9,6 @@
 	<script type="text/javascript" src="../../../ui/ui.draggable.js"></script>
 	<script type="text/javascript">
 	$(function() {
-		$("#draggable").css({ width: 100, height: 100, background: '#abc' });
 		$("#draggable").draggable({
 			handle: ".handle"
 		});

diff --git a/tests/visual/draggable/draggable_option_iframeFix_false.html b/tests/visual/draggable/draggable_option_iframeFix_false.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<title>Draggable Visual Test : Draggable option iframeFix false</title>
+	<link rel="stylesheet" href="../visual.css" type="text/css" />
+	<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
+	<script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+	<script type="text/javascript" src="../../../ui/ui.core.js"></script>
+	<script type="text/javascript" src="../../../ui/ui.draggable.js"></script>
+	<script type="text/javascript">
+	$(function() {
+		$("#draggable").draggable({
+			cursorAt: { top: -10, left: -10 },
+			iframeFix: false
+		});
+	});
+	</script>
+</head>
+<body>
+<div id="draggable">
+	<p> Draggable </p>
+</div>
+<iframe id="iframe1"></iframe>
+<iframe id="iframe2"></iframe>
+<iframe id="iframe3"></iframe>
+</body>
+</html>
diff --git a/tests/visual/draggable/draggable_option_iframeFix_selector.html b/tests/visual/draggable/draggable_option_iframeFix_selector.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<title>Draggable Visual Test : Draggable option iframeFix selector</title>
+	<link rel="stylesheet" href="../visual.css" type="text/css" />
+	<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
+	<script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+	<script type="text/javascript" src="../../../ui/ui.core.js"></script>
+	<script type="text/javascript" src="../../../ui/ui.draggable.js"></script>
+	<script type="text/javascript">
+	$(function() {
+		$("#draggable").draggable({
+			cursorAt: { top: -10, left: -10 },
+			iframeFix: "#iframe2"
+		});
+	});
+	</script>
+</head>
+<body>
+<div id="draggable">
+	<p> Draggable </p>
+</div>
+<iframe id="iframe1"></iframe>
+<iframe id="iframe2"></iframe>
+<iframe id="iframe3"></iframe>
+</body>
+</html>
diff --git a/...able/draggable_option_cursorAt_array.html → ...able/draggable_option_iframeFix_true.html b/...able/draggable_option_cursorAt_array.html → ...able/draggable_option_iframeFix_true.html
@@ -1,17 +1,17 @@
 <!doctype html>
 <html lang="en">
 <head>
-	<title>Draggable Visual Test : Draggable option cursorAt array</title>
+	<title>Draggable Visual Test : Draggable option iframeFix true</title>
 	<link rel="stylesheet" href="../visual.css" type="text/css" />
 	<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
 	<script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
 	<script type="text/javascript" src="../../../ui/ui.core.js"></script>
 	<script type="text/javascript" src="../../../ui/ui.draggable.js"></script>
 	<script type="text/javascript">
 	$(function() {
-		$("#draggable").css({ width: 100, height: 100, background: '#abc' });
 		$("#draggable").draggable({
-			cursorAt: [5, -5]
+			cursorAt: { top: -10, left: -10 },
+			iframeFix: true
 		});
 	});
 	</script>
@@ -20,5 +20,8 @@
 <div id="draggable">
 	<p> Draggable </p>
 </div>
+<iframe id="iframe1"></iframe>
+<iframe id="iframe2"></iframe>
+<iframe id="iframe3"></iframe>
 </body>
 </html>