libs/js/jquery-mobile-1.2.0/tests/unit/kitchensink/index.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4         <meta charset="UTF-8" />
   5         <title>jQuery Mobile Kitchen Sink Test Suite</title>
   6         <!-- meta viewport left out on purpose for test append -->
   7         <script src="../../../external/requirejs/require.js"></script>
   8         <script src="../../../js/jquery.tag.inserter.js"></script>
   9         <script src="../../../external/qunit.js"></script>
  10         <script src="../../../js/jquery.js"></script>
  11         <script src="../jquery.setNameSpace.js"></script>
  12         <script src="../../jquery.testHelper.js"></script>
  13         <script src="../../../js/"></script>
  14
  15         <script>
  16                 $.testHelper.asyncLoad([
  17                         [ "jquery.mobile.init" ],
  18                         [ "kitchensink_core.js" ]
  19                 ]);
  20         </script>
  21
  22         <link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css" />
  23         <link rel="stylesheet" href="../../../external/qunit.css"/>
  24
  25         <script src="../swarminject.js"></script>
  26         <script src="../../../../../../tests/jqm-tchelper/tizen.testHelper.js"></script>
  27         <script src="../../../../../../tests/jqm-tchelper/tizen.testHelper.js"></script>
  28 </head>
  29 <body>
  30
  31 <h1 id="qunit-header">jQuery Mobile Kitchen Sink Test Suite</h1>
  32 <h2 id="qunit-banner"></h2>
  33 <h2 id="qunit-userAgent"></h2>
  34 <ol id="qunit-tests">
  35 </ol>
  36
  37 <div data-nstest-role="page" id="default">
  38         <div data-nstest-role="header" data-nstest-position="fixed" data-nstest-theme="a">
  39                 <h1>Fixed toolbars</h1>
  40                 <a href="../../" data-nstest-icon="home" data-nstest-iconpos="notext" data-nstest-direction="reverse">Home</a>
  41                 <a href="../nav.html" data-nstest-icon="search" data-nstest-iconpos="notext" data-nstest-rel="dialog" data-nstest-transition="fade">Search</a>
  42         </div>
  43
  44   <div data-nstest-role="content" id="control-group-content">
  45
  46          <h2>Form Elements in Fieldcontains</h2>
  47         <div data-nstest-role="fieldcontain">
  48      <label for="name">Text Input:</label>
  49      <input type="text" name="name" id="name" value=""  />
  50         </div>
  51
  52         <div data-nstest-role="fieldcontain">
  53         <label for="textarea">Textarea:</label>
  54         <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
  55         </div>
  56
  57         <div data-nstest-role="fieldcontain">
  58      <label for="search">Search Input:</label>
  59      <input type="search" name="password" id="search" value=""  />
  60         </div>
  61
  62         <div data-nstest-role="fieldcontain">
  63                 <label for="slider2">Flip switch:</label>
  64                 <select name="slider2" id="slider2" data-nstest-role="slider">
  65                         <option value="off">Off</option>
  66                         <option value="on">On</option>
  67                 </select>
  68         </div>
  69
  70         <div data-nstest-role="fieldcontain">
  71                 <label for="slider">Slider:</label>
  72                 <input type="range" name="slider" id="slider" value="50" min="0" max="100" data-nstest-highlight="true"  />
  73         </div>
  74
  75         <div data-nstest-role="fieldcontain">
  76         <fieldset data-nstest-role="controlgroup">
  77                 <legend>Choose as many snacks as you'd like:</legend>
  78                 <input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />
  79                 <label for="checkbox-1a">Cheetos</label>
  80
  81                 <input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />
  82                 <label for="checkbox-2a">Doritos</label>
  83
  84                 <input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />
  85                 <label for="checkbox-3a">Fritos</label>
  86
  87                 <input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />
  88                 <label for="checkbox-4a">Sun Chips</label>
  89     </fieldset>
  90         </div>
  91
  92         <div data-nstest-role="fieldcontain">
  93         <fieldset data-nstest-role="controlgroup" data-nstest-type="horizontal">
  94         <legend>Font styling:</legend>
  95         <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
  96                 <label for="checkbox-6">b</label>
  97
  98                 <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
  99                 <label for="checkbox-7"><em>i</em></label>
 100
 101                 <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
 102                 <label for="checkbox-8">u</label>
 103     </fieldset>
 104         </div>
 105
 106         <div data-nstest-role="fieldcontain">
 107             <fieldset data-nstest-role="controlgroup" data-nstest-theme="c">
 108                 <legend>Choose a pet:</legend>
 109                         <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
 110                         <label for="radio-choice-1">Cat</label>
 111
 112                         <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2"  />
 113                         <label for="radio-choice-2">Dog</label>
 114
 115                         <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3"  />
 116                         <label for="radio-choice-3">Hamster</label>
 117
 118                         <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4"  />
 119                         <label for="radio-choice-4">Lizard</label>
 120             </fieldset>
 121         </div>
 122
 123         <div data-nstest-role="fieldcontain">
 124             <fieldset data-nstest-role="controlgroup" data-nstest-type="horizontal">
 125                 <legend>Layout view:</legend>
 126                         <input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" />
 127                         <label for="radio-choice-c">List</label>
 128                         <input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" />
 129                         <label for="radio-choice-d">Grid</label>
 130                         <input type="radio" name="radio-choice-b" id="radio-choice-e" value="other" />
 131                         <label for="radio-choice-e">Gallery</label>
 132             </fieldset>
 133         </div>
 134
 135         <div data-nstest-role="fieldcontain">
 136                 <label for="select-choice-1" class="select">Choose shipping method:</label>
 137                 <select name="select-choice-1" id="select-choice-1">
 138                         <option value="standard">Standard: 7 day</option>
 139                         <option value="rush">Rush: 3 days</option>
 140                         <option value="express">Express: next day</option>
 141                         <option value="overnight">Overnight</option>
 142                 </select>
 143         </div>
 144
 145         <div data-nstest-role="fieldcontain">
 146                 <label for="select-choice-3" class="select">Your state:</label>
 147                 <select name="select-choice-3" id="select-choice-3">
 148                         <option value="AL">Alabama</option>
 149                         <option value="AK">Alaska</option>
 150                         <option value="AZ">Arizona</option>
 151                         <option value="AR">Arkansas</option>
 152                         <option value="CA">California</option>
 153                 </select>
 154         </div>
 155
 156         <div data-nstest-role="fieldcontain">
 157                 <label for="select-choice-a" class="select">Choose shipping method:</label>
 158                 <select name="select-choice-a" id="select-choice-a" data-nstest-native-menu="false">
 159                         <option>Custom menu example</option>
 160                         <option value="standard">Standard: 7 day</option>
 161                         <option value="rush">Rush: 3 days</option>
 162                         <option value="express">Express: next day</option>
 163                         <option value="overnight">Overnight</option>
 164                 </select>
 165         </div>
 166
 167   </div>
 168         <div data-nstest-role="footer" id="control-group-footer" class="ui-bar" data-nstest-position="inline">
 169                 <div data-nstest-role="controlgroup" data-nstest-type="horizontal">
 170                         <a href="index.html" data-nstest-icon="delete">Remove</a>
 171                         <a href="index.html" data-nstest-icon="plus">Add</a>
 172                         <a href="index.html" data-nstest-icon="arrow-u">Up</a>
 173                         <a href="index.html" data-nstest-icon="arrow-d">Down</a>
 174                 </div>
 175         </div>
 176
 177  <h2>Mini Form Elements</h2>
 178
 179     <label for="name">Text Input:</label>
 180     <input type="text" name="name" id="name" value="" data-nstest-mini="true" />
 181
 182         <label for="textarea">Textarea:</label>
 183         <textarea cols="40" rows="8" name="textarea" id="textarea" data-nstest-mini="true"></textarea>
 184
 185     <label for="search">Search Input:</label>
 186     <input type="search" name="password" id="search" value="" data-nstest-mini="true" />
 187
 188         <label for="slider2">Flip switch:</label>
 189         <select name="slider2" id="slider2" data-nstest-role="slider" data-nstest-mini="true">
 190                 <option value="off">Off</option>
 191                 <option value="on">On</option>
 192         </select>
 193
 194         <div data-nstest-role="fieldcontain">
 195                 <label for="slider">Slider:</label>
 196                 <input type="range" name="slider" id="slider" value="50" min="0" max="100" data-nstest-highlight="true" data-nstest-mini="true" />
 197         </div>
 198
 199         <div data-nstest-role="fieldcontain">
 200         <fieldset data-nstest-role="controlgroup" data-nstest-mini="true">
 201                 <!-- Mini set on controlgroup -->
 202
 203                 <legend>Choose as many snacks as you'd like:</legend>
 204                 <input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />
 205                 <label for="checkbox-1a">Cheetos</label>
 206
 207                 <input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />
 208                 <label for="checkbox-2a">Doritos</label>
 209
 210                 <input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />
 211                 <label for="checkbox-3a">Fritos</label>
 212
 213                 <input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />
 214                 <label for="checkbox-4a">Sun Chips</label>
 215       </fieldset>
 216         </div>
 217
 218         <div data-nstest-role="fieldcontain">
 219         <fieldset data-nstest-role="controlgroup" data-nstest-type="horizontal" data-nstest-mini="true">
 220
 221         <legend>Font styling:</legend>
 222         <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
 223                 <label for="checkbox-6">b</label>
 224
 225                 <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
 226                 <label for="checkbox-7"><em>i</em></label>
 227
 228                 <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
 229                 <label for="checkbox-8">u</label>
 230       </fieldset>
 231         </div>
 232
 233         <div data-nstest-role="fieldcontain">
 234                 <input type="checkbox" name="radio-gaga" id="radio-gaga" value="choice-1" data-nstest-mini="true" data-nstest-mini="true" />
 235             <label for="radio-gaga">Unchecked by Default</label>
 236
 237                 <input type="checkbox" name="radio-googoo" id="radio-googoo" value="choice-1" data-nstest-mini="true" checked="checked" data-nstest-mini="true" />
 238             <label for="radio-googoo">Checked by Default</label>
 239         </div>
 240
 241         <div data-nstest-role="fieldcontain">
 242             <fieldset data-nstest-role="controlgroup" data-nstest-theme="c" >
 243                         <!-- Mini set on individual elements. -->
 244
 245                 <legend>Choose a pet:</legend>
 246                         <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
 247                         <label for="radio-choice-1">Cat</label>
 248
 249                         <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" data-nstest-mini="true"/>
 250                         <label for="radio-choice-2">Dog</label>
 251
 252                         <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" />
 253                         <label for="radio-choice-3">Hamster</label>
 254
 255                         <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4" />
 256                         <label for="radio-choice-4">Lizard</label>
 257             </fieldset>
 258         </div>
 259
 260         <div data-nstest-role="fieldcontain">
 261             <fieldset data-nstest-role="controlgroup" data-nstest-type="horizontal">
 262                 <legend>Layout view:</legend>
 263                         <input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" />
 264                         <label for="radio-choice-c">List</label>
 265                         <input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" />
 266                         <label for="radio-choice-d">Grid</label>
 267                         <input type="radio" name="radio-choice-b" id="radio-choice-e" value="other" />
 268                         <label for="radio-choice-e">Gallery</label>
 269             </fieldset>
 270         </div>
 271
 272         <div data-nstest-role="fieldcontain">
 273                 <label for="select-choice-1" class="select">Choose shipping method:</label>
 274                 <select name="select-choice-1" id="select-choice-1">
 275                         <option value="standard">Standard: 7 day</option>
 276                         <option value="rush">Rush: 3 days</option>
 277                         <option value="express">Express: next day</option>
 278                         <option value="overnight">Overnight</option>
 279                 </select>
 280         </div>
 281
 282         <div data-nstest-role="fieldcontain">
 283                 <label for="select-choice-3" class="select">Your state:</label>
 284                 <select name="select-choice-3" id="select-choice-3">
 285                         <option value="AL">Alabama</option>
 286                         <option value="AK">Alaska</option>
 287                         <option value="AZ">Arizona</option>
 288                         <option value="AR">Arkansas</option>
 289                         <option value="CA">California</option>
 290                 </select>
 291         </div>
 292
 293         <div data-nstest-role="fieldcontain">
 294                 <label for="select-choice-a" class="select">Choose shipping method:</label>
 295                 <select name="select-choice-a" id="select-choice-a" data-nstest-native-menu="false">
 296                         <option>Custom menu example</option>
 297                         <option value="standard">Standard: 7 day</option>
 298                         <option value="rush">Rush: 3 days</option>
 299                         <option value="express">Express: next day</option>
 300                         <option value="overnight">Overnight</option>
 301                 </select>
 302         </div>
 303
 304         <div data-nstest-role="footer" id="control-group-footer" class="ui-bar" data-nstest-position="inline">
 305                 <div data-nstest-role="controlgroup" data-nstest-type="horizontal">
 306                         <a href="index.html" data-nstest-icon="delete">Remove</a>
 307                         <a href="index.html" data-nstest-icon="plus">Add</a>
 308                         <a href="index.html" data-nstest-icon="arrow-u">Up</a>
 309                         <a href="index.html" data-nstest-icon="arrow-d">Down</a>
 310                 </div>
 311         </div>
 312
 313
 314                 <h2>Simple list</h2>
 315
 316                 <ul data-nstest-role="listview">
 317                         <li><a href="index.html">Acura</a></li>
 318                         <li><a href="index.html">Audi</a></li>
 319                         <li><a href="index.html">BMW</a></li>
 320                 </ul>
 321
 322                 <h2>Mini list</h2>
 323                 <ul data-nstest-role="listview" data-nstest-mini="true">
 324                         <li><a href="index.html">Cooper</a></li>
 325                         <li><a href="index.html">Cooper S</a></li>
 326                         <li><a href="index.html">Clubman</a></li>
 327                 </ul>
 328
 329                 <h2>Individual mini item</h2>
 330                 <ul data-nstest-role="listview">
 331                         <li><a href="index.html">Cooper</a></li>
 332                         <li data-nstest-mini="true"><a href="index.html">Cooper S</a></li>
 333                         <li><a href="index.html">Clubman</a></li>
 334                 </ul>
 335
 336
 337
 338
 339         <h2>Count bubbles</h2>
 340         <ul data-nstest-role="listview">
 341                 <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
 342                         <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
 343                         <li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
 344                         <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
 345                         <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
 346         </ul>
 347
 348         <h2>Numbered list</h2>
 349                 <ol data-nstest-role="listview">
 350                         <li><a href="index.html">The Godfather</a></li>
 351                         <li><a href="index.html">Inception</a></li>
 352                         <li><a href="index.html">The Good, the Bad and the Ugly </a></li>
 353                         <li><a href="index.html">Pulp Fiction</a></li>
 354                         <li><a href="index.html">Schindler's List</a></li>
 355                 </ol>
 356
 357         <h2>Divided, formatted content</h2>
 358         <ul data-nstest-role="listview">
 359                 <li><a href="index.html">
 360                         <h3>Stephen Weber</h3>
 361                         <p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
 362                         <p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
 363                         <p class="ui-li-aside"><strong>6:24</strong>PM</p>
 364                 </a></li>
 365                 <li><a href="index.html">
 366                         <h3>jQuery Team</h3>
 367                         <p><strong>Boston Conference Planning</strong></p>
 368                         <p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
 369                         <p class="ui-li-aside"><strong>9:18</strong>AM</p>
 370                 </a></li>
 371         </ul>
 372
 373
 374
 375         <h2>Icon list</h2>
 376         <ul data-nstest-role="listview" data-nstest-theme="a">
 377                 <li><a href="index.html"><img src="../../../docs/lists/images/gf.png" alt="France" class="ui-li-icon">France <span class="ui-li-count">4</span></a></li>
 378                 <li><a href="index.html"><img src="../../../docs/lists/images/de.png" alt="Germany" class="ui-li-icon">Germany <span class="ui-li-count">4</span></a></li>
 379                 <li data-nstest-theme="b"><a href="index.html"><img src="../../../docs/lists/images/gb.png" alt="Great Britain" class="ui-li-icon">Great Britain <span class="ui-li-count">0</span></a></li>
 380                 <li><a href="index.html"><img src="../../../docs/lists/images/fi.png" alt="Finland" class="ui-li-icon">Finland <span class="ui-li-count">12</span></a></li>
 381                 <li><a href="index.html"><img src="../../../docs/lists/images/sj.png" alt="Norway" class="ui-li-icon">Norway <span class="ui-li-count">328</span></a></li>
 382                 <li><a href="index.html"><img src="../../../docs/lists/images/us.png" alt="United States" class="ui-li-icon">United States <span class="ui-li-count">62</span></a></li>
 383         </ul>
 384
 385         <h2>Thumbnail, split button list</h2>
 386
 387                 <ul data-nstest-role="listview">
 388                         <li><a href="index.html">
 389                         <img src="../../../docs/lists/images/album-bb.jpg" />
 390                         <h3>Broken Bells</h3>
 391                         <p>Broken Bells</p>
 392                         </a><a href="lists-split-purchase.html" data-nstest-rel="dialog" data-nstest-transition="slideup">Purchase album
 393                 </a></li>
 394                 <li><a href="index.html">
 395                         <img src="../../../docs/lists/images/album-hc.jpg" />
 396                         <h3>Warning</h3>
 397                         <p>Hot Chip</p>
 398                 </a><a href="lists-split-purchase.html" data-nstest-rel="dialog" data-nstest-transition="slideup">Purchase album
 399                 </a></li>
 400                 <li><a href="index.html">
 401                         <img src="../../../docs/lists/images/album-p.jpg" />
 402                         <h3>Wolfgang Amadeus Phoenix</h3>
 403                         <p>Phoenix</p>
 404                         </a><a href="lists-split-purchase.html" data-nstest-rel="dialog" data-nstest-transition="slideup">Purchase album
 405                 </a></li>
 406                 </ul>
 407
 408         <h2>Divided, filterable list</h2>
 409                 <ul data-nstest-role="listview" data-nstest-filter="true">
 410                         <li data-nstest-role="list-divider">A</li>
 411                         <li><a href="index.html">Adam Kinkaid</a></li>
 412                         <li><a href="index.html">Alex Wickerham</a></li>
 413                         <li><a href="index.html">Avery Johnson</a></li>
 414                         <li data-nstest-role="list-divider">B</li>
 415                         <li><a href="index.html">Bob Cabot</a></li>
 416                         <li data-nstest-role="list-divider">C</li>
 417                         <li><a href="index.html">Caleb Booth</a></li>
 418                         <li><a href="index.html">Christopher Adams</a></li>
 419                 </ul>
 420
 421 </div>
 422 </body>
 423 </html>