aboutsummaryrefslogtreecommitdiffstats
path: root/tests
diff options
context:
space:
mode:
authorScott González <scott.gonzalez@gmail.com>2009-07-18 18:33:16 +0000
committerScott González <scott.gonzalez@gmail.com>2009-07-18 18:33:16 +0000
commit78b2304ec1861d13dcd57c7b54aa43898a70f317 (patch)
tree56ee74d4ce475c6a83d6bd7b31649cf4f8048018 /tests
parentc35ed2cab5db5b9e48e63ce723eeab8eb73190cc (diff)
downloadjquery-ui-78b2304ec1861d13dcd57c7b54aa43898a70f317.tar.gz
jquery-ui-78b2304ec1861d13dcd57c7b54aa43898a70f317.zip
Started building compound visual tests (multiple plugins). Partial fix for #4651 - Create test pages for nested widgets.
Diffstat (limited to 'tests')
-rw-r--r--tests/visual/compound/accordion_tabs.html84
-rw-r--r--tests/visual/compound/datepicker_dialog.html25
-rw-r--r--tests/visual/compound/draggable_accordion.html52
-rw-r--r--tests/visual/compound/tabs_tabs.html71
4 files changed, 232 insertions, 0 deletions
diff --git a/tests/visual/compound/accordion_tabs.html b/tests/visual/compound/accordion_tabs.html
new file mode 100644
index 000000000..81b9e4d71
--- /dev/null
+++ b/tests/visual/compound/accordion_tabs.html
@@ -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>
+ <p>Accordion Content 1</p>
+ <p>Accordion Content 1</p>
+ <p>Accordion Content 1</p>
+ <p>Accordion Content 1</p>
+ <p>Accordion Content 1</p>
+ </div>
+ <h3><a href="#">Accordion Header 2</a></h3>
+ <div>
+ <p>Accordion Content 2</p>
+ <p>Accordion Content 2</p>
+ <p>Accordion Content 2</p>
+ <p>Accordion Content 2</p>
+ <p>Accordion Content 2</p>
+ </div>
+ <h3><a href="#">Accordion Header 3</a></h3>
+ <div>
+ <p>Accordion Content 3</p>
+ <p>Accordion Content 3</p>
+ <p>Accordion Content 3</p>
+ <p>Accordion Content 3</p>
+ <p>Accordion Content 3</p>
+ </div>
+ </div>
+ </div>
+ <div id="tabs-2">
+ <div id="accordion-2">
+ <h3><a href="#">Accordion Header 1</a></h3>
+ <div>
+ <p>Accordion Content 1</p>
+ <p>Accordion Content 1</p>
+ <p>Accordion Content 1</p>
+ <p>Accordion Content 1</p>
+ <p>Accordion Content 1</p>
+ </div>
+ <h3><a href="#">Accordion Header 2</a></h3>
+ <div>
+ <p>Accordion Content 2</p>
+ <p>Accordion Content 2</p>
+ <p>Accordion Content 2</p>
+ <p>Accordion Content 2</p>
+ <p>Accordion Content 2</p>
+ </div>
+ <h3><a href="#">Accordion Header 3</a></h3>
+ <div>
+ <p>Accordion Content 3</p>
+ <p>Accordion Content 3</p>
+ <p>Accordion Content 3</p>
+ <p>Accordion Content 3</p>
+ <p>Accordion Content 3</p>
+ </div>
+ </div>
+ </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/visual/compound/datepicker_dialog.html b/tests/visual/compound/datepicker_dialog.html
new file mode 100644
index 000000000..61daed633
--- /dev/null
+++ b/tests/visual/compound/datepicker_dialog.html
@@ -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>
diff --git a/tests/visual/compound/draggable_accordion.html b/tests/visual/compound/draggable_accordion.html
new file mode 100644
index 000000000..fa53956d8
--- /dev/null
+++ b/tests/visual/compound/draggable_accordion.html
@@ -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>
diff --git a/tests/visual/compound/tabs_tabs.html b/tests/visual/compound/tabs_tabs.html
new file mode 100644
index 000000000..2db79b517
--- /dev/null
+++ b/tests/visual/compound/tabs_tabs.html
@@ -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">
+ <p>nested tabs a-1</p>
+ <p>nested tabs a-1</p>
+ <p>nested tabs a-1</p>
+ <p>nested tabs a-1</p>
+ <p>nested tabs a-1</p>
+ </div>
+ <div id="tabs-a-2">
+ <p>nested tabs a-2</p>
+ <p>nested tabs a-2</p>
+ <p>nested tabs a-2</p>
+ <p>nested tabs a-2</p>
+ <p>nested tabs a-2</p>
+ </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">
+ <p>nested tabs b-1</p>
+ <p>nested tabs b-1</p>
+ <p>nested tabs b-1</p>
+ <p>nested tabs b-1</p>
+ <p>nested tabs b-1</p>
+ </div>
+ <div id="tabs-b-2">
+ <p>nested tabs b-2</p>
+ <p>nested tabs b-2</p>
+ <p>nested tabs b-2</p>
+ <p>nested tabs b-2</p>
+ <p>nested tabs b-2</p>
+ </div>
+ </div>
+ </div>
+</div>
+
+</body>
+</html>
generated by cgit v1.2.3 (git 2.39.1) at 2025-01-01 06:21:37 +0000