test/index.html

   1 <!DOCTYPE html>
   2 <html lang="en" class="qunit">
   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>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>