libs/js/jquery-mobile-1.1.0/tests/unit/controlgroup/index.html

   1 <!DOCTYPE html>
   2
   3 <html lang="en">
   4 <head>
   5         <meta charset="UTF-8" />
   6         <title>jQuery Mobile Controlgroup Test Suite</title>
   7
   8         <script src="../../../external/requirejs/require.js"></script>
   9         <script src="../../../js/jquery.tag.inserter.js"></script>
  10         <script src="../jquery.setNameSpace.js"></script>
  11         <script src="../../../tests/jquery.testHelper.js"></script>
  12         <script src="../../../external/qunit.js"></script>
  13         <script>
  14                 $.testHelper.asyncLoad([
  15                         [
  16                                 "jquery.mobile.forms.checkboxradio",
  17                                 "jquery.mobile.controlGroup"
  18                         ],
  19                         [ "jquery.mobile.init" ],
  20                         [
  21                                 "controlgroup_core.js"
  22                         ]
  23                 ]);
  24         </script>
  25
  26         <link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css"/>
  27         <link rel="stylesheet" href="../../../external/qunit.css"/>
  28
  29         <script src="../swarminject.js"></script>
  30 </head>
  31 <body>
  32
  33 <h1 id="qunit-header">jQuery Mobile Controlgroup Test Suite</h1>
  34 <h2 id="qunit-banner"></h2>
  35 <h2 id="qunit-userAgent"></h2>
  36 <ol id="qunit-tests">
  37 </ol>
  38
  39 <div data-nstest-role="page">
  40         <div data-nstest-role="content">
  41
  42                 <div data-nstest-role="fieldcontain" id="radio-active-btn-test">
  43                         <fieldset data-nstest-role="controlgroup" id="vertical-controlgroup">
  44                           <legend>Choose a pet:</legend>
  45                           <input type="radio" name="radio-pet-active-btn" id="radio-pet-1" value="choice-1" checked="checked"  />
  46                           <label for="radio-pet-1">Cat</label>
  47
  48                           <input type="radio" name="radio-pet-active-btn" id="radio-pet-2" value="choice-2"  />
  49                           <label for="radio-pet-2">Dog</label>
  50
  51                           <input type="radio" name="radio-pet-active-btn" id="radio-pet-3" value="choice-3"  />
  52                           <label for="radio-pet-3">Hamster</label>
  53
  54                           <input type="radio" name="radio-pet-active-btn" id="radio-pet-4" value="choice-4"  />
  55                           <label for="radio-pet-4">Lizard</label>
  56                         </fieldset>
  57                 </div>
  58
  59                 <div data-nstest-role="fieldcontain">
  60                         <fieldset data-nstest-role="controlgroup" data-nstest-type="horizontal" id="horizontal-controlgroup">
  61                                 <legend>Font styling:</legend>
  62                                 <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
  63                                 <label for="checkbox-6">b</label>
  64
  65                                 <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
  66                                 <label for="checkbox-7"><em>i</em></label>
  67
  68                                 <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
  69                                 <label for="checkbox-8"><em>s</em></label>
  70
  71                                 <input type="checkbox" name="checkbox-9" id="checkbox-9" class="custom" />
  72                                 <label for="checkbox-9">u</label>
  73                         </fieldset>
  74                 </div>
  75
  76         </div>
  77 </div>
  78
  79 <div data-nstest-enhance="false" data-nstest-role="fieldcontain" id="unenhanced-fieldcontain">
  80         <fieldset data-nstest-type="horizontal" id="unenhanced-fieldset" data-nstest-role="controlgroup">
  81                 <input type="checkbox" name="checkbox-10" id="checkbox-10" class="custom" />
  82                 <label for="checkbox-10">b</label>
  83
  84                 <input type="checkbox" name="checkbox-11" id="checkbox-11" class="custom" />
  85                 <label for="checkbox-11"><em>i</em></label>
  86         </fieldset>
  87 </div>
  88
  89 <div data-nstest-role="fieldcontain" id="enhanced-fieldcontain">
  90         <fieldset data-nstest-type="horizontal" id="enhanced-fieldset" data-nstest-role="controlgroup">
  91                 <input type="checkbox" name="checkbox-12" id="checkbox-12" class="custom" />
  92                 <label for="checkbox-12">b</label>
  93
  94                 <input type="checkbox" name="checkbox-13" id="checkbox-13" class="custom" />
  95                 <label for="checkbox-13"><em>i</em></label>
  96         </fieldset>
  97 </div>
  98
  99 <div data-nstest-role="fieldcontain" id="enhancetest">
 100         <fieldset data-nstest-role="controlgroup">
 101         </fieldset>
 102 </div>
 103 </body>
 104 </html>