Skip to content

Commit 3f56f8d

Browse files
committed
Accordion: Added visual tests for nested accordions with differing icons options.
1 parent 7f533df commit 3f56f8d

File tree

1 file changed

+95
-0
lines changed

1 file changed

+95
-0
lines changed

tests/visual/accordion/accordion.html

Lines changed: 95 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,95 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Accordion Visual Test</title>
6+
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
7+
<script src="../../../jquery-1.7.1.js"></script>
8+
<script src="../../../ui/jquery.ui.core.js"></script>
9+
<script src="../../../ui/jquery.ui.widget.js"></script>
10+
<script src="../../../ui/jquery.ui.accordion.js"></script>
11+
<script>
12+
$(function() {
13+
$( "#accordion-ynynyn" ).accordion({ icons: null });
14+
$( "#accordion-ynyny" ).accordion();
15+
$( "#accordion-ynyn" ).accordion({ icons: null });
16+
$( "#accordion-yny" ).accordion();
17+
$( "#accordion-yn" ).accordion({ icons: null });
18+
$( "#accordion-y" ).accordion();
19+
20+
$( "#accordion-nynyny" ).accordion();
21+
$( "#accordion-nynyn" ).accordion({ icons: null });
22+
$( "#accordion-nyny" ).accordion();
23+
$( "#accordion-nyn" ).accordion({ icons: null });
24+
$( "#accordion-ny" ).accordion();
25+
$( "#accordion-n" ).accordion({ icons: null });
26+
});
27+
</script>
28+
</head>
29+
<body>
30+
31+
<p>WHAT: The following set of nested accordions alternate between icons and no icons.</p>
32+
<p>EXPECTED: The padding on the headers should correctly account for the icon settings.</p>
33+
34+
<div id="accordion-y">
35+
<div>Icons</div>
36+
<div>
37+
<div id="accordion-yn">
38+
<div>No Icons</div>
39+
<div>
40+
<div id="accordion-yny">
41+
<div>Icons</div>
42+
<div>
43+
<div id="accordion-ynyn">
44+
<div>No Icons</div>
45+
<div>
46+
<div id="accordion-ynyny">
47+
<div>Icons</div>
48+
<div>
49+
<div id="accordion-ynynyn">
50+
<div>No Icons</div>
51+
<div></div>
52+
</div>
53+
</div>
54+
</div>
55+
</div>
56+
</div>
57+
</div>
58+
</div>
59+
</div>
60+
</div>
61+
</div>
62+
</div>
63+
64+
<div id="accordion-n">
65+
<div>No Icons</div>
66+
<div>
67+
<div id="accordion-ny">
68+
<div>Icons</div>
69+
<div>
70+
<div id="accordion-nyn">
71+
<div>No Icons</div>
72+
<div>
73+
<div id="accordion-nyny">
74+
<div>Icons</div>
75+
<div>
76+
<div id="accordion-nynyn">
77+
<div>No Icons</div>
78+
<div>
79+
<div id="accordion-nynyny">
80+
<div>Icons</div>
81+
<div></div>
82+
</div>
83+
</div>
84+
</div>
85+
</div>
86+
</div>
87+
</div>
88+
</div>
89+
</div>
90+
</div>
91+
</div>
92+
</div>
93+
94+
</body>
95+
</html>

0 commit comments

Comments
 (0)