jquery-mobile/tests/unit/controlgroup/index.html at master · allsteady/jquery-mobile · GitHub

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
<!doctype html>

<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>jQuery Mobile Controlgroup Test Suite</title>

	<script src="../../../external/requirejs/require.js"></script>
	<script src="../../../js/requirejs.config.js"></script>
	<script src="../../../js/jquery.tag.inserter.js"></script>
	<script src="../../jquery.setNameSpace.js"></script>
	<script src="../../../tests/jquery.testHelper.js"></script>
	<script src="../../../external/qunit/qunit.js"></script>
	<script>
		$.testHelper.asyncLoad([
			['widgets/page'],
			[
				"widgets/controlgroup",
				"buttonMarkup"

			],
			["widgets/forms/checkboxradio"],

			[ "init" ],
			[ "controlgroup_core.js" ]
		]);
	</script>

	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css"/>
	<link rel="stylesheet" href="../../../external/qunit/qunit.css"/>
	<link rel="stylesheet" href="../../jqm-tests.css"/>

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

	<div id="qunit"></div>

	<div data-nstest-role="page">
		<div data-nstest-role="content">

			<div data-nstest-role="fieldcontain" id="radio-active-btn-test">
				<fieldset data-nstest-role="controlgroup" id="vertical-controlgroup">
					<legend>Choose a pet:</legend>
					<input type="radio" name="radio-pet-active-btn" id="radio-pet-1" value="choice-1" checked="checked"  />
					<label for="radio-pet-1">Cat</label>

					<input type="radio" name="radio-pet-active-btn" id="radio-pet-2" value="choice-2"  />
					<label for="radio-pet-2">Dog</label>

					<input type="radio" name="radio-pet-active-btn" id="radio-pet-3" value="choice-3"  />
					<label for="radio-pet-3">Hamster</label>

					<input type="radio" name="radio-pet-active-btn" id="radio-pet-4" value="choice-4"  />
					<label for="radio-pet-4">Lizard</label>
				</fieldset>
			</div>

			<div data-nstest-role="fieldcontain">
				<fieldset data-nstest-role="controlgroup" data-nstest-type="horizontal" id="horizontal-controlgroup">
					<legend>Font styling:</legend>
					<input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
					<label for="checkbox-6">b</label>

					<input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
					<label for="checkbox-7"><em>i</em></label>

					<input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
					<label for="checkbox-8"><em>s</em></label>

					<input type="checkbox" name="checkbox-9" id="checkbox-9" class="custom" />
					<label for="checkbox-9">u</label>
				</fieldset>
			</div>

			<div id="pre-rendered" data-nstest-role="controlgroup" data-nstest-shadow="true" data-nstest-enhanced="true" class="ui-controlgroup ui-controlgroup-vertical ui-corner-all">
				<div role="heading" class="ui-controlgroup-label">
					<legend>Pre-rendered</legend>
				</div>
				<div class="ui-controlgroup-controls ui-shadow">
					<a href="#" data-nstest-role="button">Button 1</a>
					<a href="#" data-nstest-role="button">Button 2</a>
				</div>
			</div>

			<div data-nstest-role="fieldcontain">
				<fieldset data-nstest-role="controlgroup" id="test-reinstantiate">
					<legend>Options</legend>
					<a href="#" data-nstest-role="button">Option 1</a>
					<a href="#" data-nstest-role="button">Option 2</a>
				</fieldset>
			</div>
		</div>
	</div>

	<div data-nstest-enhance="false" data-nstest-role="fieldcontain" id="unenhanced-fieldcontain">
		<fieldset data-nstest-type="horizontal" id="unenhanced-fieldset" data-nstest-role="controlgroup">
			<input type="checkbox" name="checkbox-10" id="checkbox-10" class="custom" />
			<label for="checkbox-10">b</label>

			<input type="checkbox" name="checkbox-11" id="checkbox-11" class="custom" />
			<label for="checkbox-11"><em>i</em></label>
		</fieldset>
	</div>

	<div data-nstest-role="fieldcontain" id="enhanced-fieldcontain">
		<fieldset data-nstest-type="horizontal" id="enhanced-fieldset" data-nstest-role="controlgroup">
			<input type="checkbox" name="checkbox-12" id="checkbox-12" class="custom" />
			<label for="checkbox-12">b</label>

			<input type="checkbox" name="checkbox-13" id="checkbox-13" class="custom" />
			<label for="checkbox-13"><em>i</em></label>
		</fieldset>
	</div>

	<div id="destroy-test">
		<legend>Destroy test</legend>
		<a href="#" data-nstest-role="button">Button 1</a>
		<a href="#" data-nstest-role="button">Button 2</a>
	</div>

	<div data-nstest-role="fieldcontain" id="enhancetest">
		<fieldset data-nstest-role="controlgroup">
		</fieldset>
	</div>
</body>
</html>