]> source.dussan.org Git - jquery-ui.git/commitdiff
projects / jquery-ui.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 191ec35)
draggable unit tests: Added a few tests
authorRichard Worth <rdworth@gmail.com>
Sat, 7 Feb 2009 14:09:07 +0000 (14:09 +0000)
committerRichard Worth <rdworth@gmail.com>
Sat, 7 Feb 2009 14:09:07 +0000 (14:09 +0000)
tests/visual/draggable/draggable.handle.html [deleted file] patch | blob | history
tests/visual/draggable/draggable_option_containment_array.html [new file with mode: 0644] patch | blob
tests/visual/draggable/draggable_option_cursorAt_array.html [new file with mode: 0644] patch | blob
tests/visual/draggable/draggable_option_cursorAt_object.html [new file with mode: 0644] patch | blob
tests/visual/draggable/draggable_option_handle_selector.html [new file with mode: 0644] patch | blob

diff --git a/tests/visual/draggable/draggable.handle.html b/tests/visual/draggable/draggable.handle.html
deleted file mode 100644 (file)
index 1ff9b39..0000000
--- a/tests/visual/draggable/draggable.handle.html
+++ /dev/null
@@ -1,30 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-       <title>Simple Draggable with Handle</title>
-       <link rel="stylesheet" href="../all.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({
-                       handle: "span"
-               });
-       });
-       </script>
-</head>
-<body>
-
-<ul class="plugins">
-<li class="plugin">
-       Draggable
-       <div id="draggable">
-               <span>Handle</span>
-       </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
new file mode 100644 (file)
index 0000000..0a58cae
--- /dev/null
+++ b/tests/visual/draggable/draggable_option_containment_array.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="en">
+<head>
+       <title>Draggable Visual Test : Draggable option containment array</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({
+                       containment: [50, 100, 400, 350]
+               });
+       });
+       </script>
+</head>
+<body>
+<div id="draggable">
+       <p> Draggable </p>
+</div>
+</body>
+</html>
diff --git a/tests/visual/draggable/draggable_option_cursorAt_array.html b/tests/visual/draggable/draggable_option_cursorAt_array.html
new file mode 100644 (file)
index 0000000..748a94e
--- /dev/null
+++ b/tests/visual/draggable/draggable_option_cursorAt_array.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="en">
+<head>
+       <title>Draggable Visual Test : Draggable option cursorAt array</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]
+               });
+       });
+       </script>
+</head>
+<body>
+<div id="draggable">
+       <p> Draggable </p>
+</div>
+</body>
+</html>
diff --git a/tests/visual/draggable/draggable_option_cursorAt_object.html b/tests/visual/draggable/draggable_option_cursorAt_object.html
new file mode 100644 (file)
index 0000000..1fa5ab4
--- /dev/null
+++ b/tests/visual/draggable/draggable_option_cursorAt_object.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="en">
+<head>
+       <title>Draggable Visual Test : Draggable option cursorAt object</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: { top: -15, right: 15 }
+               });
+       });
+       </script>
+</head>
+<body>
+<div id="draggable">
+       <p> Draggable </p>
+</div>
+</body>
+</html>
diff --git a/tests/visual/draggable/draggable_option_handle_selector.html b/tests/visual/draggable/draggable_option_handle_selector.html
new file mode 100644 (file)
index 0000000..7548f1e
--- /dev/null
+++ b/tests/visual/draggable/draggable_option_handle_selector.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<html lang="en">
+<head>
+       <title>Draggable Visual Test : Draggable option handle 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").css({ width: 100, height: 100, background: '#abc' });
+               $("#draggable").draggable({
+                       handle: ".handle"
+               });
+       });
+       </script>
+</head>
+<body>
+<div id="draggable">
+       <p> Draggable </p>
+       <p class="handle">Handle</p>
+       <p>Not handle</p>
+</div>
+</body>
+</html>
The official jQuery user interface library: https://github.com/jquery/jquery-ui