aboutsummaryrefslogtreecommitdiffstats
path: root/tests/unit/menu/menu.html
blob: ed376232ede59986ee4278587cbd3993a341d1cc (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>jQuery UI Menu Test Suite</title>

	<script src="../../jquery.js"></script>
	<link rel="stylesheet" href="../../../external/qunit.css">
	<script src="../../../external/qunit.js"></script>
	<script src="../../jquery.simulate.js"></script>
	<script src="../testsuite.js"></script>
	<script>
	TestHelpers.loadResources({
		css: [ "ui.core", "ui.menu" ],
		js: [
			"ui/jquery.ui.core.js",
			"ui/jquery.ui.widget.js",
			"ui/jquery.ui.menu.js"
		]
	});
	</script>

	<script src="menu_test_helpers.js"></script>
	<script src="menu_common.js"></script>
	<script src="menu_core.js"></script>
	<script src="menu_events.js"></script>
	<script src="menu_methods.js"></script>
	<script src="menu_options.js"></script>

	<script src="../swarminject.js"></script>
	<style>
	.ui-menu {
		font-size: 15px;
	}
	#menu3 {
		height: 250px;
		overflow: auto;
	}
	#menu4, #menu4 ul {
		height: 250px;
		overflow: auto;
	}
	</style>
</head>
<body>

<div id="qunit">jQuery UI Menu Test Suite</div>
<div id="qunit-fixture">

<ul class="foo" id="menu1">
	<li class="foo"><a class="foo" href="#">Aberdeen</a></li>
	<li class="foo"><a class="foo" href="#">Ada</a></li>
	<li class="foo"><a class="foo" href="#">Adamsville</a></li>
	<li class="foo"><a id="testID1" class="foo" href="#">Addyston</a></li>
	<li class="foo"><a class="foo" href="#">Adelphi</a></li>
</ul>

<ul id="menu2">
	<li class="foo"><a class="foo" href="#">Aberdeen</a></li>
	<li class="foo"><a class="foo" href="#">Ada</a></li>
	<li class="foo"><a class="foo" href="#">Adamsville</a></li>
	<li class="foo"><a class="foo" href="#"><span class="ui-icon ui-icon-print"></span>Addyston</a></li>
	<li>
		<a href="#">Delphi</a>
		<ul>
			<li class="foo"><a class="foo" href="#">Ada</a></li>
			<li class="foo"><a class="foo" href="#">Saarland</a></li>
			<li class="foo"><a class="foo" href="#">Salzburg</a></li>
		</ul>
	</li>
	<li class="foo"><a class="foo" href="#">Saarland</a></li>
	<li>
		<a href="#">Salzburg</a>
		<ul>
			<li>
				<a href="#">Delphi</a>
				<ul>
					<li class="foo"><a class="foo" href="#">Ada</a></li>
					<li class="foo"><a class="foo" href="#">Saarland</a></li>
					<li class="foo"><a class="foo" href="#">Salzburg</a></li>
				</ul>
			</li>
			<li>
				<a href="#">Delphi</a>
				<ul>
					<li class="foo"><a class="foo" href="#">Ada</a></li>
					<li> - </li>
					<li class="foo"><a class="foo" href="#">Saarland</a></li>
					<li></li>
					<li class="foo"><a class="foo" href="#">Salzburg</a></li>
					<li>&ndash;</li>
				</ul>
			</li>
			<li class="foo"><a class="foo" href="#">Perch</a></li>
		</ul>
	</li>
</ul>

<ul class="foo" id="menu3">
	<li class="foo"><a class="foo" href="#">Aberdeen</a></li>
	<li class="foo"><a class="foo" href="#">Ada</a></li>
	<li class="foo"><a class="foo" href="#">Adamsville</a></li>
	<li class="foo"><a class="foo" href="#">Addyston</a></li>
	<li class="foo"><a class="foo" href="#">Adelphi</a></li>
	<li class="foo"><a class="foo" href="#">Adena</a></li>
	<li class="foo"><a class="foo" href="#">Adrian</a></li>
	<li class="foo"><a class="foo" href="#">Akron</a></li>
	<li class="foo"><a class="foo" href="#">Albany</a></li>
	<li class="foo"><a class="foo" href="#">Alexandria</a></li>
	<li class="foo"><a class="foo" href="#">Alger</a></li>
	<li class="foo"><a class="foo" href="#">Alledonia</a></li>
	<li class="foo"><a class="foo" href="#">Alliance</a></li>
	<li class="foo"><a class="foo" href="#">Alpha</a></li>
	<li class="foo"><a class="foo" href="#">Alvada</a></li>
	<li class="foo"><a class="foo" href="#">Alvordton</a></li>
	<li class="foo"><a class="foo" href="#">Amanda</a></li>
	<li class="foo"><a class="foo" href="#">Amelia</a></li>
	<li class="foo"><a class="foo" href="#">Amesville</a></li>
	<li class="foo"><a class="foo" href="#">Aberdeen</a></li>
	<li class="foo"><a class="foo" href="#">Ada</a></li>
	<li class="foo"><a class="foo" href="#">Adamsville</a></li>
	<li class="foo"><a class="foo" href="#">Addyston</a></li>
	<li class="foo"><a class="foo" href="#">Adelphi</a></li>
	<li class="foo"><a class="foo" href="#">Adena</a></li>
	<li class="foo"><a class="foo" href="#">Adrian</a></li>
	<li class="foo"><a class="foo" href="#">Akron</a></li>
	<li class="foo"><a class="foo" href="#">Albany</a></li>
	<li class="foo"><a class="foo" href="#">Alexandria</a></li>
	<li class="foo"><a class="foo" href="#">Alger</a></li>
	<li class="foo"><a class="foo" href="#">Alledonia</a></li>
	<li class="foo"><a class="foo" href="#">Alliance</a></li>
	<li class="foo"><a class="foo" href="#">Alpha</a></li>
	<li class="foo"><a class="foo" href="#">Alvada</a></li>
	<li class="foo"><a class="foo" href="#">Alvordton</a></li>
	<li class="foo"><a class="foo" href="#">Amanda</a></li>
	<li class="foo"><a class="foo" href="#">Amelia</a></li>
	<li class="foo"><a class="foo" href="#">Amesville</a></li>
</ul>

<ul class="foo" id="menu4">
	<li class="foo"><a class="foo" href="#">Aberdeen</a></li>
	<li class="foo">
		<a class="foo" href="#">Ada</a>
		<ul class="foo">
			<li class="foo"><a class="foo" href="#">Aberdeen</a></li>
			<li class="foo"><a class="foo" href="#">Ada</a></li>
			<li class="foo"><a class="foo" href="#">Adamsville</a></li>
			<li class="foo"><a class="foo" href="#">Addyston</a></li>
			<li class="foo"><a class="foo" href="#">Adelphi</a></li>
			<li class="foo"><a class="foo" href="#">Adena</a></li>
			<li class="foo"><a class="foo" href="#">Adrian</a></li>
			<li class="foo"><a class="foo" href="#">Akron</a></li>
			<li class="foo"><a class="foo" href="#">Albany</a></li>
			<li class="foo"><a class="foo" href="#">Alexandria</a></li>
			<li class="foo"><a class="foo" href="#">Alger</a></li>
			<li class="foo"><a class="foo" href="#">Alledonia</a></li>
			<li class="foo"><a class="foo" href="#">Alliance</a></li>
			<li class="foo"><a class="foo" href="#">Alpha</a></li>
			<li class="foo"><a class="foo" href="#">Alvada</a></li>
			<li class="foo"><a class="foo" href="#">Alvordton</a></li>
			<li class="foo"><a class="foo" href="#">Amanda</a></li>
			<li class="foo"><a class="foo" href="#">Amelia</a></li>
			<li class="foo"><a class="foo" href="#">Amesville</a></li>
			<li class="foo"><a class="foo" href="#">Aberdeen</a></li>
			<li class="foo"><a class="foo" href="#">Ada</a></li>
			<li class="foo"><a class="foo" href="#">Adamsville</a></li>
			<li class="foo"><a class="foo" href="#">Addyston</a></li>
			<li class="foo"><a class="foo" href="#">Adelphi</a></li>
			<li class="foo"><a class="foo" href="#">Adena</a></li>
			<li class="foo"><a class="foo" href="#">Adrian</a></li>
			<li class="foo"><a class="foo" href="#">Akron</a></li>
			<li class="foo"><a class="foo" href="#">Albany</a></li>
		</ul>
	</li>
	<li class="foo"><a class="foo" href="#">Adamsville</a></li>
	<li class="foo"><a class="foo" href="#">Addyston</a></li>
	<li class="foo"><a class="foo" href="#">Adelphi</a></li>
	<li class="foo"><a class="foo" href="#">Adena</a></li>
	<li class="foo"><a class="foo" href="#">Adrian</a></li>
	<li class="foo"><a class="foo" href="#">Akron</a></li>
	<li class="foo"><a class="foo" href="#">Albany</a></li>
	<li class="foo"><a class="foo" href="#">Alexandria</a></li>
	<li class="foo"><a class="foo" href="#">Alger</a></li>
	<li class="foo"><a class="foo" href="#">Alledonia</a></li>
	<li class="foo"><a class="foo" href="#">Alliance</a></li>
	<li class="foo"><a class="foo" href="#">Alpha</a></li>
	<li class="foo"><a class="foo" href="#">Alvada</a></li>
	<li class="foo"><a class="foo" href="#">Alvordton</a></li>
	<li class="foo"><a class="foo" href="#">Amanda</a></li>
	<li class="foo"><a class="foo" href="#">Amelia</a></li>
	<li class="foo"><a class="foo" href="#">Amesville</a></li>
	<li class="foo"><a class="foo" href="#">Aberdeen</a></li>
	<li class="foo"><a class="foo" href="#">Ada</a></li>
	<li class="foo"><a class="foo" href="#">Adamsville</a></li>
	<li class="foo"><a class="foo" href="#">Addyston</a></li>
	<li class="foo"><a class="foo" href="#">Adelphi</a></li>
	<li class="foo"><a class="foo" href="#">Adena</a></li>
	<li class="foo"><a class="foo" href="#">Adrian</a></li>
	<li class="foo"><a class="foo" href="#">Akron</a></li>
	<li class="foo"><a class="foo" href="#">Albany</a></li>
	<li class="foo"><a class="foo" href="#">Alexandria</a></li>
	<li class="foo"><a class="foo" href="#">Alger</a></li>
	<li class="foo"><a class="foo" href="#">Alledonia</a></li>
	<li class="foo"><a class="foo" href="#">Alliance</a></li>
	<li class="foo"><a class="foo" href="#">Alpha</a></li>
	<li class="foo"><a class="foo" href="#">Alvada</a></li>
	<li class="foo"><a class="foo" href="#">Alvordton</a></li>
	<li class="foo"><a class="foo" href="#">Amanda</a></li>
	<li class="foo"><a class="foo" href="#">Amelia</a></li>
	<li class="foo"><a class="foo" href="#">Amesville</a></li>
</ul>

<div id="menu5">
	<blockquote><a href="#">Aberdeen</a></blockquote>
	<blockquote><a href="#">Ada</a></blockquote>
	<blockquote><a href="#">Adamsville</a></blockquote>
	<blockquote><a href="#">Addyston</a></blockquote>
	<blockquote>
		<a href="#">Delphi</a>
		<div>
			<blockquote><a href="#">Ada</a></blockquote>
			<blockquote><a href="#">Saarland</a></blockquote>
			<blockquote><a href="#">Salzburg</a></blockquote>
		</div>
	</blockquote>
	<blockquote><a href="#">Saarland</a></blockquote>
	<blockquote>
		<a href="#">Salzburg</a>
		<div>
			<blockquote>
				<a href="#">Delphi</a>
				<div>
					<blockquote><a href="#">Ada</a></blockquote>
					<blockquote><a id="testID2" href="#">Saarland</a></blockquote>
					<blockquote><a href="#">Salzburg</a></blockquote>
				</div>
			</blockquote>
			<blockquote>
				<a href="#">Delphi</a>
				<div>
					<blockquote><a href="#">Ada</a></blockquote>
					<blockquote><a href="#">Saarland</a></blockquote>
					<blockquote><a href="#">Salzburg</a></blockquote>
				</div>
			</blockquote>
			<blockquote><a href="#">Perch</a></blockquote>
		</div>
	</blockquote>
</div>

<ul id="menu6">
	<li class="foo"><a class="foo" href="#">Aberdeen</a></li>
	<li class="foo ui-state-disabled"><a class="foo" href="#">Ada</a></li>
	<li class="foo"><a class="foo" href="#">Adamsville</a></li>
	<li class="foo"><a class="foo" href="#">Addyston</a></li>
	<li class="ui-state-disabled">
		<a id="testID3" href="#">Delphi</a>
		<ul>
			<li class="foo"><a class="foo" href="#">Ada</a></li>
			<li class="foo"><a class="foo" href="#">Saarland</a></li>
			<li class="foo"><a class="foo" href="#">Salzburg</a></li>
		</ul>
	</li>
	<li class="foo"><a class="foo" href="#">Saarland</a></li>
</ul>

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