r2361 - added, cleaned up, and renamed some accordion visual tests
Author: rdworth
Date: Mon Mar 23 04:41:34 2009
New Revision: 2361
Added:
trunk/tests/visual/accordion/accordion_dl.html
- copied, changed from r2354, /trunk/tests/visual/accordion/dl.html
trunk/tests/visual/accordion/accordion_method_destroy.html
trunk/tests/visual/accordion/accordion_method_disable.html
trunk/tests/visual/accordion/accordion_option_animated_bounceslide.html
trunk/tests/visual/accordion/accordion_option_animated_easeslide.html
trunk/tests/visual/accordion/accordion_option_animated_false.html
trunk/tests/visual/accordion/accordion_option_animated_slide.html
trunk/tests/visual/accordion/accordion_option_animated_true.html
trunk/tests/visual/accordion/accordion_option_autoHeight_false.html
- copied, changed from r2354, /trunk/tests/visual/accordion/width.html
trunk/tests/visual/accordion/accordion_ul.html
- copied, changed from r2354, /trunk/tests/visual/accordion/ul.html
Removed:
trunk/tests/visual/accordion/dl.html
trunk/tests/visual/accordion/ul.html
trunk/tests/visual/accordion/width.html
Modified:
trunk/tests/visual/accordion/accordion.html
Log:
added, cleaned up, and renamed some accordion visual tests
Modified: trunk/tests/visual/accordion/accordion.html
==============================================================================
--- trunk/tests/visual/accordion/accordion.html (original)
+++ trunk/tests/visual/accordion/accordion.html Mon Mar 23 04:41:34 2009
@@ -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>
Copied: trunk/tests/visual/accordion/accordion_dl.html (from r2354,
/trunk/tests/visual/accordion/dl.html)
==============================================================================
--- /trunk/tests/visual/accordion/dl.html (original)
+++ trunk/tests/visual/accordion/accordion_dl.html Mon Mar 23 04:41:34 2009
@@ -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>
Added: trunk/tests/visual/accordion/accordion_method_destroy.html
==============================================================================
--- (empty file)
+++ trunk/tests/visual/accordion/accordion_method_destroy.html Mon Mar 23
04:41:34 2009
@@ -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>
Added: trunk/tests/visual/accordion/accordion_method_disable.html
==============================================================================
--- (empty file)
+++ trunk/tests/visual/accordion/accordion_method_disable.html Mon Mar 23
04:41:34 2009
@@ -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>
Added:
trunk/tests/visual/accordion/accordion_option_animated_bounceslide.html
==============================================================================
--- (empty file)
+++ trunk/tests/visual/accordion/accordion_option_animated_bounceslide.html
Mon Mar 23 04:41:34 2009
@@ -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>
Added: trunk/tests/visual/accordion/accordion_option_animated_easeslide.html
==============================================================================
--- (empty file)
+++ trunk/tests/visual/accordion/accordion_option_animated_easeslide.html
Mon Mar 23 04:41:34 2009
@@ -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>
Added: trunk/tests/visual/accordion/accordion_option_animated_false.html
==============================================================================
--- (empty file)
+++ trunk/tests/visual/accordion/accordion_option_animated_false.html Mon
Mar 23 04:41:34 2009
@@ -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>
Added: trunk/tests/visual/accordion/accordion_option_animated_slide.html
==============================================================================
--- (empty file)
+++ trunk/tests/visual/accordion/accordion_option_animated_slide.html Mon
Mar 23 04:41:34 2009
@@ -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>
Added: trunk/tests/visual/accordion/accordion_option_animated_true.html
==============================================================================
--- (empty file)
+++ trunk/tests/visual/accordion/accordion_option_animated_true.html Mon
Mar 23 04:41:34 2009
@@ -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>
Copied: trunk/tests/visual/accordion/accordion_option_autoHeight_false.html
(from r2354, /trunk/tests/visual/accordion/width.html)
==============================================================================
--- /trunk/tests/visual/accordion/width.html (original)
+++ trunk/tests/visual/accordion/accordion_option_autoHeight_false.html Mon
Mar 23 04:41:34 2009
@@ -1,9 +1,9 @@
<!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" />
+ <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>
@@ -12,46 +12,37 @@
$("#accordion").accordion({
autoHeight: false
});
- });
+ })
</script>
</head>
<body>
-<div class="demo" style="width:300px">
-
<div id="accordion">
- <h3><a href="#">Section 1</a></h3>
+ <h3><a href="#">Accordion Header 1</a></h3>
<div>
- Mauris mauris ante, blandit et, ultrices a, susceros. Nam mi. Proin
viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante
scelerisque vulputate.
+ Accordion Content 1
</div>
- <h3><a href="#">Section 2</a></h3>
+ <h3><a href="#">Accordion Header 2</a></h3>
<div>
- 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.
+ Accordion Content 2
+ paragraph
+ paragraph
+ paragraph
+ paragraph
+ paragraph
+ paragraph
+ paragraph
</div>
- <h3><a href="#">Section 3</a></h3>
+ <h3><a href="#">Accordion Header 3</a></h3>
<div>
- 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.
+ Accordion Content 3
<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>
+ <li>list item</li>
+ <li>list item</li>
+ <li>list item</li>
</ul>
</div>
</div>
-
-</div><!-- End demo -->
-
-
-
-<div class="demo-description">
-
-Setting <code>autoHeight: false</code> allows to accordion panels to
keep their native height.
-
-</div><!-- End demo-description -->
</body>
</html>
Copied: trunk/tests/visual/accordion/accordion_ul.html (from r2354,
/trunk/tests/visual/accordion/ul.html)
==============================================================================
--- /trunk/tests/visual/accordion/ul.html (original)
+++ trunk/tests/visual/accordion/accordion_ul.html Mon Mar 23 04:41:34 2009
@@ -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>