aboutsummaryrefslogtreecommitdiffstats
path: root/tests/visual/accordion
diff options
context:
space:
mode:
authorRichard Worth <rdworth@gmail.com>2009-03-23 11:41:34 +0000
committerRichard Worth <rdworth@gmail.com>2009-03-23 11:41:34 +0000
commit5b000cb2c068981fa7300ece9e970051c0463a27 (patch)
tree3efd08d23ffdf50091f375facd002ec9eb6bb103 /tests/visual/accordion
parent473e7e8e8a81f251a8eeeb500caa1e98d50b86de (diff)
downloadjquery-ui-5b000cb2c068981fa7300ece9e970051c0463a27.tar.gz
jquery-ui-5b000cb2c068981fa7300ece9e970051c0463a27.zip
added, cleaned up, and renamed some accordion visual tests
Diffstat (limited to 'tests/visual/accordion')
-rw-r--r--tests/visual/accordion/accordion.html48
-rw-r--r--tests/visual/accordion/accordion_dl.html (renamed from tests/visual/accordion/dl.html)26
-rw-r--r--tests/visual/accordion/accordion_method_destroy.html34
-rw-r--r--tests/visual/accordion/accordion_method_disable.html34
-rw-r--r--tests/visual/accordion/accordion_option_animated_bounceslide.html37
-rw-r--r--tests/visual/accordion/accordion_option_animated_easeslide.html37
-rw-r--r--tests/visual/accordion/accordion_option_animated_false.html36
-rw-r--r--tests/visual/accordion/accordion_option_animated_slide.html36
-rw-r--r--tests/visual/accordion/accordion_option_animated_true.html36
-rw-r--r--tests/visual/accordion/accordion_option_autoHeight_false.html48
-rw-r--r--tests/visual/accordion/accordion_ul.html (renamed from tests/visual/accordion/ul.html)12
-rw-r--r--tests/visual/accordion/width.html57
12 files changed, 335 insertions, 106 deletions
diff --git a/tests/visual/accordion/accordion.html b/tests/visual/accordion/accordion.html
index acd7477e4..f499f5aa2 100644
--- a/tests/visual/accordion/accordion.html
+++ b/tests/visual/accordion/accordion.html
@@ -1,46 +1,34 @@
<!doctype html>
<html lang="en">
<head>
- <title>jQuery UI Accordion Visual Test</title>
- <link rel="stylesheet" href="../all.css" type="text/css">
+ <title>Accordion Visual Test : Accordion</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">
- $(function() {
- function on() {
- $("#accordion").accordion();
- }
- function off() {
- $("#accordion").accordion("destroy");
- }
- $("#toggle").toggle(on, off).click();
- });
+ $(function() {
+ $("#accordion").accordion();
+ })
</script>
</head>
<body>
-<ul class="plugins">
-<li class="plugin">
- Accordion
- <div id="accordion">
- <h3><a href="#">First</a></h3>
- <div>
- Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.
- </div>
- <h3><a href="#">Second</a></h3>
- <div>
- Phasellus mattis tincidunt nibh.
- </div>
- <h3><a href="#">Third</a></h3>
- <div>
- Nam dui erat, auctor a, dignissim quis.
- </div>
+<div id="accordion">
+ <h3><a href="#">Accordion Header 1</a></h3>
+ <div>
+ Accordion Content 1
</div>
- <button id="toggle">Toggle</button>
-</li>
-</ul>
+ <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>
</body>
</html>
diff --git a/tests/visual/accordion/dl.html b/tests/visual/accordion/accordion_dl.html
index 4470ad27f..4514af4d7 100644
--- a/tests/visual/accordion/dl.html
+++ b/tests/visual/accordion/accordion_dl.html
@@ -1,7 +1,7 @@
<!doctype html>
<html>
<head>
- <title>Accordion Static Test : DL</title>
+ <title>Accordion Static Test : Accordion dl</title>
<link rel="stylesheet" href="../../static/static.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
@@ -17,23 +17,23 @@
<body>
<dl>
- <dt>
- <a href="#">Accordion Header 1</a>
- </dt>
+ <dt><a href="#">Accordion Header 1</a></dt>
<dd>
- Accordion Content 1
+ Accordion Content 1
+ <dl>
+ <dt>Term 1</dt>
+ <dt>Definition 1</dt>
+ <dt>Term 2</dt>
+ <dt>Definition 2</dt>
+ </dl>
</dd>
- <dt>
- <a href="#">Accordion Header 2</a>
- </dt>
+ <dt><a href="#">Accordion Header 2</a></dt>
<dd>
- Accordion Content 2
+ Accordion Content 2
</dd>
- <dt>
- <a href="#">Accordion Header 3</a>
- </dt>
+ <dt><a href="#">Accordion Header 3</a></dt>
<dd>
- Accordion Content 2
+ Accordion Content 2
</dd>
</dl>
diff --git a/tests/visual/accordion/accordion_method_destroy.html b/tests/visual/accordion/accordion_method_destroy.html
new file mode 100644
index 000000000..2e6d6f083
--- /dev/null
+++ b/tests/visual/accordion/accordion_method_destroy.html
@@ -0,0 +1,34 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Accordion Visual Test : Accordion method destroy</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">
+ $(function() {
+ $("#accordion").accordion().accordion("destroy");
+ })
+ </script>
+</head>
+<body>
+
+<div id="accordion">
+ <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>
+
+</body>
+</html>
diff --git a/tests/visual/accordion/accordion_method_disable.html b/tests/visual/accordion/accordion_method_disable.html
new file mode 100644
index 000000000..0b80c483a
--- /dev/null
+++ b/tests/visual/accordion/accordion_method_disable.html
@@ -0,0 +1,34 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Accordion Visual Test : Accordion method disable</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">
+ $(function() {
+ $("#accordion").accordion().accordion("disable");
+ })
+ </script>
+</head>
+<body>
+
+<div id="accordion">
+ <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>
+
+</body>
+</html>
diff --git a/tests/visual/accordion/accordion_option_animated_bounceslide.html b/tests/visual/accordion/accordion_option_animated_bounceslide.html
new file mode 100644
index 000000000..1c1aee18c
--- /dev/null
+++ b/tests/visual/accordion/accordion_option_animated_bounceslide.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Accordion Visual Test : Accordion option animated 'bounceslide'</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/effects.core.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $("#accordion").accordion({
+ animated: 'bounceslide'
+ });
+ })
+ </script>
+</head>
+<body>
+
+<div id="accordion">
+ <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>
+
+</body>
+</html>
diff --git a/tests/visual/accordion/accordion_option_animated_easeslide.html b/tests/visual/accordion/accordion_option_animated_easeslide.html
new file mode 100644
index 000000000..79fe20af5
--- /dev/null
+++ b/tests/visual/accordion/accordion_option_animated_easeslide.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Accordion Visual Test : Accordion option animated easeslide</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/effects.core.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $("#accordion").accordion({
+ animated: 'easeslide'
+ });
+ })
+ </script>
+</head>
+<body>
+
+<div id="accordion">
+ <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>
+
+</body>
+</html>
diff --git a/tests/visual/accordion/accordion_option_animated_false.html b/tests/visual/accordion/accordion_option_animated_false.html
new file mode 100644
index 000000000..04b6ee57d
--- /dev/null
+++ b/tests/visual/accordion/accordion_option_animated_false.html
@@ -0,0 +1,36 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Accordion Visual Test : Accordion option animated 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.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">
+ $(function() {
+ $("#accordion").accordion({
+ animated: false
+ });
+ })
+ </script>
+</head>
+<body>
+
+<div id="accordion">
+ <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>
+
+</body>
+</html>
diff --git a/tests/visual/accordion/accordion_option_animated_slide.html b/tests/visual/accordion/accordion_option_animated_slide.html
new file mode 100644
index 000000000..bda08d3eb
--- /dev/null
+++ b/tests/visual/accordion/accordion_option_animated_slide.html
@@ -0,0 +1,36 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Accordion Visual Test : Accordion option animated slide</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">
+ $(function() {
+ $("#accordion").accordion({
+ animated: 'slide'
+ });
+ })
+ </script>
+</head>
+<body>
+
+<div id="accordion">
+ <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>
+
+</body>
+</html>
diff --git a/tests/visual/accordion/accordion_option_animated_true.html b/tests/visual/accordion/accordion_option_animated_true.html
new file mode 100644
index 000000000..31cba09f7
--- /dev/null
+++ b/tests/visual/accordion/accordion_option_animated_true.html
@@ -0,0 +1,36 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Accordion Visual Test : Accordion option animated 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.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">
+ $(function() {
+ $("#accordion").accordion({
+ animated: true
+ });
+ })
+ </script>
+</head>
+<body>
+
+<div id="accordion">
+ <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>
+
+</body>
+</html>
diff --git a/tests/visual/accordion/accordion_option_autoHeight_false.html b/tests/visual/accordion/accordion_option_autoHeight_false.html
new file mode 100644
index 000000000..7dbd9e825
--- /dev/null
+++ b/tests/visual/accordion/accordion_option_autoHeight_false.html
@@ -0,0 +1,48 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Accordion Visual Test : Accordion option autoHeight 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.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">
+ $(function() {
+ $("#accordion").accordion({
+ autoHeight: false
+ });
+ })
+ </script>
+</head>
+<body>
+
+<div id="accordion">
+ <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
+ <p>paragraph</p>
+ <p>paragraph</p>
+ <p>paragraph</p>
+ <p>paragraph</p>
+ <p>paragraph</p>
+ <p>paragraph</p>
+ <p>paragraph</p>
+ </div>
+ <h3><a href="#">Accordion Header 3</a></h3>
+ <div>
+ Accordion Content 3
+ <ul>
+ <li>list item</li>
+ <li>list item</li>
+ <li>list item</li>
+ </ul>
+ </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/visual/accordion/ul.html b/tests/visual/accordion/accordion_ul.html
index bbd42c985..b652a7165 100644
--- a/tests/visual/accordion/ul.html
+++ b/tests/visual/accordion/accordion_ul.html
@@ -1,7 +1,7 @@
<!doctype html>
<html>
<head>
- <title>Accordion Visual Test : UL</title>
+ <title>Accordion Visual Test : Accordion ul</title>
<link rel="stylesheet" href="../../static/static.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
@@ -22,11 +22,11 @@
</h2>
<div>
Accordion Content 1
- <ul>
- <li>Some list item</li>
- <li>Some list item</li>
- </ul>
- </div>
+ <ul>
+ <li>Some list item</li>
+ <li>Some list item</li>
+ </ul>
+ </div>
</li>
<li>
<h2>
diff --git a/tests/visual/accordion/width.html b/tests/visual/accordion/width.html
deleted file mode 100644
index ecf6f2a8c..000000000
--- a/tests/visual/accordion/width.html
+++ /dev/null
@@ -1,57 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
- <title>jQuery UI Accordion - No Auto Height Test</title>
- <link rel="stylesheet" href="../../static/static.css" type="text/css" />
- <link type="text/css" href="../../../themes/base/ui.all.css" rel="stylesheet" />
- <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">
- $(function() {
- $("#accordion").accordion({
- autoHeight: false
- });
- });
- </script>
-</head>
-<body>
-
-<div class="demo" style="width:300px">
-
-<div id="accordion">
- <h3><a href="#">Section 1</a></h3>
- <div>
- <p>Mauris mauris ante, blandit et, ultrices a, susceros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
- </div>
- <h3><a href="#">Section 2</a></h3>
- <div>
- <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
- </div>
- <h3><a href="#">Section 3</a></h3>
- <div>
- <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
- <ul>
- <li>List item</li>
- <li>List item</li>
- <li>List item</li>
- <li>List item</li>
- <li>List item</li>
- <li>List item</li>
- <li>List item</li>
- </ul>
- </div>
-</div>
-
-</div><!-- End demo -->
-
-
-
-<div class="demo-description">
-
-<p>Setting <code>autoHeight: false</code> allows to accordion panels to keep their native height.</p>
-
-</div><!-- End demo-description -->
-
-</body>
-</html>
generated by cgit v1.2.3 (git 2.39.1) at 2025-01-05 16:57:33 +0000