aboutsummaryrefslogtreecommitdiffstats
path: root/tests/unit/dialog/dialog.html
blob: 936316a363206f343139fe9ef0ef64323a9934e9 (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
<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>jQuery UI Dialog Test Suite</title>

	<script src="../../jquery.js"></script>
	<script>
	$.uiBackCompat = false;
	</script>
	<link rel="stylesheet" href="../../../external/qunit/qunit.css">
	<script src="../../../external/qunit/qunit.js"></script>
	<script src="../../../external/jquery-simulate/jquery.simulate.js"></script>
	<script src="../testsuite.js"></script>
	<script>
	TestHelpers.loadResources({
		css: [ "core", "dialog" ],
		js: [
			"ui/core.js",
			"ui/widget.js",
			"ui/position.js",
			"ui/mouse.js",
			"ui/draggable.js",
			"ui/resizable.js",
			"ui/button.js",
			"ui/effect.js",
			"ui/effect-blind.js",
			"ui/effect-clip.js",
			"ui/effect-explode.js",
			"ui/dialog.js"
		]
	});
	</script>

	<script src="dialog_common.js"></script>
	<script src="dialog_core.js"></script>
	<script src="dialog_events.js"></script>
	<script src="dialog_methods.js"></script>
	<script src="dialog_options.js"></script>
	<script src="dialog_test_helpers.js"></script>

	<script src="../swarminject.js"></script>
</head>
<body>

<div id="qunit"></div>
<div id="qunit-fixture">
	<div id="dialog1"></div>
	<div id="dialog2"></div>
	<div id="form-dialog" title="Profile Information">
		<!-- create a spacer to ensure there's enough space to scroll -->
		<div style="height: 250px;">...</div>
		<fieldset>
			<legend>Please share some personal information</legend>
			<label for="favorite-animal">Your favorite animal</label><input id="favorite-animal">
			<label for="favorite-color">Your favorite color</label><input id="favorite-color">
		</fieldset>
		<div role="group" aria-describedby="section2">
			<p id="section2">Some more (optional) information</p>
			<label for="favorite-food">Favorite food</label><input id="favorite-food">
		</div>
	</div>
	<div class="wrap" id="wrap1"></div>
	<div class="wrap" id="wrap2"></div>
</div>
</body>
</html>