r2936 - Started building compound visual tests (multiple plugins). Partial fix for #4651 - Creat...

Author: scott.gonzalez
Date: Sat Jul 18 11:33:16 2009
New Revision: 2936
Added:
trunk/tests/visual/compound/
trunk/tests/visual/compound/accordion_tabs.html
trunk/tests/visual/compound/datepicker_dialog.html
trunk/tests/visual/compound/draggable_accordion.html
trunk/tests/visual/compound/tabs_tabs.html
Log:
Started building compound visual tests (multiple plugins). Partial fix for
#4651 - Create test pages for nested widgets.
Added: trunk/tests/visual/compound/accordion_tabs.html
==============================================================================
--- (empty file)
+++ trunk/tests/visual/compound/accordion_tabs.html    Sat Jul 18 11:33:16 2009
@@ -0,0 +1,84 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>Compound Visual Test : Accordion in Tabs</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.2.js"></script>
+    <script type="text/javascript" src="../../../ui/ui.core.js"></script>
+    <script type="text/javascript" src="../../../ui/ui.accordion.js"></script>
+    <script type="text/javascript" src="../../../ui/ui.tabs.js"></script>
+    <script type="text/javascript">
+    $(function() {
+        $('#tabs').tabs();
+        $('#accordion-1, #accordion-2').accordion();
+    });
+    </script>
+</head>
+<body>
+
+<div id="tabs">
+    <ul>
+        <li><a href="#tabs-1">First</a></li>
+        <li><a href="#tabs-2">Second</a></li>
+    </ul>
+    <div id="tabs-1">
+        <div id="accordion-1">
+            <h3><a href="#">Accordion Header 1</a></h3>
+            <div>
+

Accordion Content 1

+            </div>
+            <h3><a href="#">Accordion Header 2</a></h3>
+            <div>
+

Accordion Content 2

+            </div>
+            <h3><a href="#">Accordion Header 3</a></h3>
+            <div>
+

Accordion Content 3

+            </div>
+        </div>
+    </div>
+    <div id="tabs-2">
+        <div id="accordion-2">
+            <h3><a href="#">Accordion Header 1</a></h3>
+            <div>
+

Accordion Content 1

+            </div>
+            <h3><a href="#">Accordion Header 2</a></h3>
+            <div>
+

Accordion Content 2

+            </div>
+            <h3><a href="#">Accordion Header 3</a></h3>
+            <div>
+

Accordion Content 3

+            </div>
+        </div>
+    </div>
+</div>
+
+</body>
+</html>
Added: trunk/tests/visual/compound/datepicker_dialog.html
==============================================================================
--- (empty file)
+++ trunk/tests/visual/compound/datepicker_dialog.html    Sat Jul 18 11:33:16
2009
@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>Compound Visual Test : Datepicker in Diaog</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.2.js"></script>
+    <script type="text/javascript" src="../../../ui/ui.core.js"></script>
+    <script type="text/javascript"
src="../../../ui/ui.datepicker.js"></script>
+    <script type="text/javascript" src="../../../ui/ui.dialog.js"></script>
+    <script type="text/javascript">
+    $(function() {
+        $('#dialog').dialog();
+        $('#datepicker').datepicker();
+    });
+    </script>
+</head>
+<body>
+
+<div id="dialog">
+    <input id="datepicker">
+</div>
+
+</body>
+</html>
Added: trunk/tests/visual/compound/draggable_accordion.html
==============================================================================
--- (empty file)
+++ trunk/tests/visual/compound/draggable_accordion.html    Sat Jul 18
11:33:16 2009
@@ -0,0 +1,52 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>Compound Visual Test : Accordion in Tabs</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.2.js"></script>
+    <script type="text/javascript" src="../../../ui/ui.core.js"></script>
+    <script type="text/javascript" src="../../../ui/ui.accordion.js"></script>
+    <script type="text/javascript" src="../../../ui/ui.draggable.js"></script>
+    <script type="text/javascript">
+    $(function() {
+        $('#accordion').accordion();
+        $('#first .draggable').draggable();
+        $('#second .draggable').draggable({
+            appendTo: 'body'
+        });
+        $('#third .draggable').draggable();
+    });
+    </script>
+</head>
+<body>
+
+<div id="accordion">
+    <h3><a href="#">Accordion Header 1</a></h3>
+    <div id="first">
+        <div class="draggable">Draggable 1-1</div>
+        <div class="draggable">Draggable 1-2</div>
+        <div class="draggable">Draggable 1-3</div>
+        <div class="draggable">Draggable 1-4</div>
+        <div class="draggable">Draggable 1-5</div>
+    </div>
+    <h3><a href="#">Accordion Header 2</a></h3>
+    <div id="second">
+        <div class="draggable">Draggable with appendTo 2-1</div>
+        <div class="draggable">Draggable with appendTo 2-2</div>
+        <div class="draggable">Draggable with appendTo 2-3</div>
+        <div class="draggable">Draggable with appendTo 2-4</div>
+        <div class="draggable">Draggable with appendTo 2-5</div>
+    </div>
+    <h3><a href="#">Accordion Header 3</a></h3>
+    <div id="third">
+        <div class="draggable">Draggable 3-1</div>
+        <div class="draggable">Draggable 3-2</div>
+        <div class="draggable">Draggable 3-3</div>
+        <div class="draggable">Draggable 3-4</div>
+        <div class="draggable">Draggable 3-5</div>
+    </div>
+</div>
+
+</body>
+</html>
Added: trunk/tests/visual/compound/tabs_tabs.html
==============================================================================
--- (empty file)
+++ trunk/tests/visual/compound/tabs_tabs.html    Sat Jul 18 11:33:16 2009
@@ -0,0 +1,71 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>Compound Visual Test : Accordion in Tabs</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.2.js"></script>
+    <script type="text/javascript" src="../../../ui/ui.core.js"></script>
+    <script type="text/javascript" src="../../../ui/ui.accordion.js"></script>
+    <script type="text/javascript" src="../../../ui/ui.tabs.js"></script>
+    <script type="text/javascript">
+    $(function() {
+        $('#tabs, #tabs-a, #tabs-b').tabs();
+    });
+    </script>
+</head>
+<body>
+
+<div id="tabs">
+    <ul>
+        <li><a href="#tabs-1">First</a></li>
+        <li><a href="#tabs-2">Second</a></li>
+    </ul>
+    <div id="tabs-1">
+        <div id="tabs-a">
+            <ul>
+                <li><a href="#tabs-a-1">First</a></li>
+                <li><a href="#tabs-a-2">Second</a></li>
+            </ul>
+            <div id="tabs-a-1">
+

nested tabs a-1

+            </div>
+            <div id="tabs-a-2">
+

nested tabs a-2

+            </div>
+        </div>
+    </div>
+    <div id="tabs-2">
+        <div id="tabs-b">
+            <ul>
+                <li><a href="#tabs-b-1">First</a></li>
+                <li><a href="#tabs-b-2">Second</a></li>
+            </ul>
+            <div id="tabs-b-1">
+

nested tabs b-1

+            </div>
+            <div id="tabs-b-2">
+

nested tabs b-2

+            </div>
+        </div>
+    </div>
+</div>
+
+</body>
+</html>