Home page Forum Wiki Mail Jabber Devel NIX-FILES

AltLUG Git

Git-repositories of Altai Linux User Group

Retooled the QUnit CSS to be more generic.
[qunit.git] / test / index.html
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4         <title>QUnit Test Suite</title>
5         <link rel="stylesheet" href="../qunit.css" type="text/css" media="screen">
6
7         <script type="text/javascript" src="../qunit.js"></script>
8         <script type="text/javascript" src="test.js"></script>
9         <script type="text/javascript" src="same.js"></script>
10 </head>
11 <body class="flora">
12         <h1 id="qunit-header">QUnit Test Suite</h1>
13         <h2 id="qunit-banner"></h2>
14         <div id="qunit-testrunner-toolbar"></div>
15         <h2 id="qunit-userAgent"></h2>
16
17         <!-- Test HTML -->
18         <div id="other" style="display:none;">
19                 <input type="password" name="pw1" id="pw1" value="engfeh" />
20                 <input type="password" name="pw2" id="pw2" value="" />
21         </div>
22         <div id="main" style="display:none;">
23                 <p id="firstp">See <a id="simon1" href="http://simon.incutio.com/archive/2003/03/25/#getElementsBySelector" rel="bookmark">this blog entry</a> for more information.</p>
24                 <p id="ap">
25                         Here are some links in a normal paragraph: <a id="google" href="http://www.google.com/" title="Google!">Google</a>, 
26                         <a id="groups" href="http://groups.google.com/">Google Groups</a>. 
27                         This link has <code><a href="#" id="anchor1">class="blog"</a></code>: 
28                         <a href="http://diveintomark.org/" class="blog" hreflang="en" id="mark">diveintomark</a>
29
30                 </p>
31                 <div id="foo">
32                         <p id="sndp">Everything inside the red border is inside a div with <code>id="foo"</code>.</p>
33                         <p lang="en" id="en">This is a normal link: <a id="yahoo" href="http://www.yahoo.com/" class="blogTest">Yahoo</a></p>
34                         <p id="sap">This link has <code><a href="#2" id="anchor2">class="blog"</a></code>: <a href="http://simon.incutio.com/" class="blog link" id="simon">Simon Willison's Weblog</a></p>
35
36                 </div>
37                 <p id="first">Try them out:</p>
38                 <ul id="firstUL"></ul>
39                 <ol id="empty"></ol>
40                 
41                 <form id="testForm1">
42                         <input class="{required:true,minlength:2}" title="buga" name="firstname" id="firstname" />
43                         <label id="errorFirstname" for="firstname" class="error">error for firstname</label>
44                         <input class="{required:true}" title="buga" name="lastname" id="lastname" />
45                         <input class="{required:true}" title="something" name="something" id="something" value="something" />
46                 </form>
47                 
48                 <form id="testForm1clean">
49                         <input title="buga" name="firstname" id="firstnamec" />
50                         <label id="errorFirstname" for="firstname" class="error">error for firstname</label>
51                         <input title="buga" name="lastname" id="lastnamec" />
52                 </form>
53                 
54                 <form id="userForm">
55                         <input class="{required:true}" name="username" id="username" />
56                 </form>
57                 
58                 <form method="post" id="signupForm" action="../demo/form.php">
59                         <input id="user" name="user" title="Please enter your username (at least 3 characters)" class="{required:true,minlength:3}" />
60                         <input type="password" name="password" id="password" class="{required:true,minlength:5}" />
61                 </form>
62                 
63                 <form id="testForm2">
64                         <input class="{required:true}" type="radio" name="agree" id="agb" />
65                         <label for="agree" id="agreeLabel" class="xerror">error for agb</label>
66                 </form>
67                 
68                 <form id="testForm3">
69                         <select class="{required:true}" name="meal" id="meal" >
70                                 <option value="">Please select...</option>
71                                 <option value="1">Food</option>
72                                 <option value="2">Milk</option>
73                         </select>
74                 </form>
75                 <div class="error" id="errorContainer">
76                         <ul>
77                                 <li class="error" id="errorWrapper">
78                                         <label for="meal" id="mealLabel" class="error">error for meal</label>
79                                 </li>
80                         </ul>
81                 </div>
82                 
83                 <form id="testForm4">
84                         <input class="{foo:true}" name="f1" id="f1" />
85                         <input class="{bar:true}" name="f2" id="f2" />
86                 </form>
87                 
88                 <form id="testForm5">
89                         <input class="{equalTo:'#x2'}" value="x" name="x1" id="x1" />
90                         <input class="{equalTo:'#x1'}" value="y" name="x2" id="x2" />
91                 </form>
92                 
93                 <form id="testForm6">
94                         <input class="{required:true,minlength:2}" type="checkbox" name="check" id="form6check1" />
95                         <input type="checkbox" name="check" id="form6check2" />
96                 </form>
97                 
98                 <form id="testForm7">
99                         <select class="{required:true,minlength:2}" name="select5" id="select5" multiple="multiple">
100                                 <option id="optionxa" value="0">0</option>
101                                 <option id="optionxb" value="1">1</option>
102                                 <option id="optionxc" value="2">2</option>
103                                 <option id="optionxd" value="3">3</option>
104                         </select>
105                 </form>
106                 
107                 <form id="dateRangeForm">
108                         <input id="fromDate" name="fromDate" class="requiredDateRange" value="x" />
109                         <input id="toDate" name="toDate" class="requiredDateRange" value="y" />
110                         <span class="errorContainer"></span>
111                 </form>
112                 
113                 <form id="testForm8">
114                         <input id="form8input" class="{required:true,number:true,rangelength:[2,8]}" name="abc" />
115                         <input type="radio" name="radio1"/>
116                 </form>
117                 
118                 <form id="testForm9">
119                         <input id="testEmail9" class="{required:true,email:true,messages:{required:'required',email:'email'}}" />
120                 </form>
121                 
122                 <div id="simplecontainer">
123                         <h3></h3>
124                 </div>
125
126                 <div id="container"></div>
127                 
128                 <ol id="labelcontainer"></ol>
129                 
130                 <form id="elementsOrder">
131                         <select class="required" name="order1" id="order1"><option value="">none</option></select>
132                         <input class="required" name="order2" id="order2"/>
133                         <input class="required" name="order3" type="checkbox" id="order3"/>
134                         <input class="required" name="order4" id="order4"/>
135                         <input class="required" name="order5" type="radio" id="order5"/>
136                         <input class="required" name="order6" id="order6"/>
137                         <ul id="orderContainer">
138                         </ul>
139                 </form> 
140                 
141                 <form id="form" action="formaction">
142                         <input type="text" name="action" value="Test" id="text1"/>
143                         <input type="text" name="text2" value="T" id="text2"/>
144                         <input type="text" name="text2" value="TestTestTest" id="text3"/>
145                         
146                         <input type="text" name="action" value="0" id="value1"/>
147                         <input type="text" name="text2" value="10" id="value2"/>
148                         <input type="text" name="text2" value="1000" id="value3"/>
149                         
150                         <input type="radio" name="radio1" id="radio1"/>
151                         <input type="radio" name="radio1" id="radio1a"/>
152                         <input type="radio" name="radio2" id="radio2" checked="checked"/>
153                         <input type="radio" name="radio" id="radio3"/>
154                         <input type="radio" name="radio" id="radio4" checked="checked"/>
155                         
156                         <input type="checkbox" name="check" id="check1" checked="checked"/>
157                         <input type="checkbox" name="check" id="check1b" />
158                         
159                         <input type="checkbox" name="check2" id="check2"/>
160                         
161                         <input type="checkbox" name="check3" id="check3" checked="checked"/>
162                         <input type="checkbox" name="check3" checked="checked"/>
163                         <input type="checkbox" name="check3" checked="checked"/>
164                         <input type="checkbox" name="check3" checked="checked"/>
165                         <input type="checkbox" name="check3" checked="checked"/>
166                         
167                         <input type="hidden" name="hidden" id="hidden1"/>
168                         <input type="text" style="display:none;" name="foo[bar]" id="hidden2"/>
169                         
170                         <input type="text" readonly="readonly" id="name" name="name" value="name" />
171                         
172                         <button name="button">Button</button>
173                         
174                         <textarea id="area1" name="area1"">foobar</textarea>
175                         
176                         
177                         <textarea id="area2" name="area2"></textarea>
178                         
179                         <select name="select1" id="select1">
180                                 <option id="option1a" value="">Nothing</option>
181                                 <option id="option1b" value="1">1</option>
182                                 <option id="option1c" value="2">2</option>
183                                 <option id="option1d" value="3">3</option>
184                         </select>
185                         <select name="select2" id="select2">
186                                 <option id="option2a" value="">Nothing</option>
187                                 <option id="option2b" value="1">1</option>
188                                 <option id="option2c" value="2">2</option>
189                                 <option id="option2d" selected="selected" value="3">3</option>
190                         </select>
191                         <select name="select3" id="select3" multiple="multiple">
192                                 <option id="option3a" value="">Nothing</option>
193                                 <option id="option3b" selected="selected" value="1">1</option>
194                                 <option id="option3c" selected="selected" value="2">2</option>
195                                 <option id="option3d" value="3">3</option>
196                         </select>
197                         <select name="select4" id="select4" multiple="multiple">
198                                 <option id="option3b" selected="selected" value="1">1</option>
199                                 <option id="option3c" selected="selected" value="2">2</option>
200                                 <option id="option3d" selected="selected" value="3">3</option>
201                                 <option id="option3e" selected="selected" value="4">4</option>
202                                 <option id="option3f" selected="selected" value="5">5</option>
203                         </select>
204                         <select name="select5" id="select5" multiple="multiple">
205                                 <option id="option3a" value="0">0</option>
206                                 <option id="option3b" value="1">1</option>
207                                 <option id="option3c" value="2">2</option>
208                                 <option id="option3d" value="3">3</option>
209                         </select>
210                 </form>
211                 
212                 <form id="v2">
213                         <input id="v2-i1" name="v2-i1" class="required" />
214                         <input id="v2-i2" name="v2-i2" class="required email" />
215                         <input id="v2-i3" name="v2-i3" class="url" />
216                         <input id="v2-i4" name="v2-i4" class="required" minlength="2" />
217                         <input id="v2-i5" name="v2-i5" class="required" minlength="2" maxlength="5" customMethod1="123" />
218                         <input id="v2-i6" name="v2-i6" class="required customMethod2 {maxlength: 5}" minlength="2" />
219                         <input id="v2-i7" name="v2-i7" />
220                 </form>
221                 
222                 <form id="checkables">
223                         <input type="checkbox" id="checkable1" name="checkablesgroup" class="required" />
224                         <input type="checkbox" id="checkable2" name="checkablesgroup" />
225                         <input type="checkbox" id="checkable3" name="checkablesgroup" />
226                 </form>
227                 
228                 
229                 <form id="subformRequired">
230                         <div class="billingAddressControl">
231                 <input type="checkbox" id="bill_to_co" name="bill_to_co" class="toggleCheck" checked="checked" style="width: auto;" tabindex="1" />
232                 <label for="bill_to_co" style="cursor:pointer">Same as Company Address</label>
233                 </div>
234                         <div id="subform">
235                                 <input  maxlength="40" class="billingRequired" name="bill_first_name" size="20" type="text" tabindex="2" value="" />
236                         </div>
237                         <input id="co_name" class="required" maxlength="40" name="co_name" size="20" type="text" tabindex="1" value="" />
238                 </form>
239         </div>
240
241         <ol id="qunit-tests"></ol>
242         </body>
243 </html>

Hosting is provided AltSPAHow to use Git
Please direct any questions on jabber alex.wolf@jabber.ru

Valid HTML 4.0 Transitional Valid CSS!

Designer Alexander Wolf