r2031 - trunk/tests/visual/draggable
Author: rdworth
Date: Sat Feb 7 06:09:07 2009
New Revision: 2031
Added:
trunk/tests/visual/draggable/draggable_option_containment_array.html
(contents, props changed)
trunk/tests/visual/draggable/draggable_option_cursorAt_array.html
(contents, props changed)
trunk/tests/visual/draggable/draggable_option_cursorAt_object.html
(contents, props changed)
trunk/tests/visual/draggable/draggable_option_handle_selector.html
(contents, props changed)
Removed:
trunk/tests/visual/draggable/draggable.handle.html
Log:
draggable unit tests: Added a few tests
Added: trunk/tests/visual/draggable/draggable_option_containment_array.html
==============================================================================
--- (empty file)
+++ trunk/tests/visual/draggable/draggable_option_containment_array.html
Sat Feb 7 06:09:07 2009
@@ -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">
+ Draggable
+</div>
+</body>
+</html>
Added: trunk/tests/visual/draggable/draggable_option_cursorAt_array.html
==============================================================================
--- (empty file)
+++ trunk/tests/visual/draggable/draggable_option_cursorAt_array.html Sat
Feb 7 06:09:07 2009
@@ -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">
+ Draggable
+</div>
+</body>
+</html>
Added: trunk/tests/visual/draggable/draggable_option_cursorAt_object.html
==============================================================================
--- (empty file)
+++ trunk/tests/visual/draggable/draggable_option_cursorAt_object.html Sat
Feb 7 06:09:07 2009
@@ -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">
+ Draggable
+</div>
+</body>
+</html>
Added: trunk/tests/visual/draggable/draggable_option_handle_selector.html
==============================================================================
--- (empty file)
+++ trunk/tests/visual/draggable/draggable_option_handle_selector.html Sat
Feb 7 06:09:07 2009
@@ -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">
+ Draggable
+ <p class="handle">Handle
+ Not handle
+</div>
+</body>
+</html>