libs/js/jquery-mobile-1.2.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                                 "widgets/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         <script src="../../../../../../tests/jqm-tchelper/tizen.testHelper.js"></script>
  31 </head>
  32 <body>
  33
  34 <h1 id="qunit-header">jQuery Mobile Controlgroup Test Suite</h1>
  35 <h2 id="qunit-banner"></h2>
  36 <h2 id="qunit-userAgent"></h2>
  37 <ol id="qunit-tests">
  38 </ol>
  39
  40 <div data-nstest-role="page">
  41         <div data-nstest-role="content">
  42
  43                 <div data-nstest-role="fieldcontain" id="radio-active-btn-test">
  44                         <fieldset data-nstest-role="controlgroup" id="vertical-controlgroup">
  45                           <legend>Choose a pet:</legend>
  46                           <input type="radio" name="radio-pet-active-btn" id="radio-pet-1" value="choice-1" checked="checked"  />
  47                           <label for="radio-pet-1">Cat</label>
  48
  49                           <input type="radio" name="radio-pet-active-btn" id="radio-pet-2" value="choice-2"  />
  50                           <label for="radio-pet-2">Dog</label>
  51
  52                           <input type="radio" name="radio-pet-active-btn" id="radio-pet-3" value="choice-3"  />
  53                           <label for="radio-pet-3">Hamster</label>
  54
  55                           <input type="radio" name="radio-pet-active-btn" id="radio-pet-4" value="choice-4"  />
  56                           <label for="radio-pet-4">Lizard</label>
  57                         </fieldset>
  58                 </div>
  59
  60                 <div data-nstest-role="fieldcontain">
  61                         <fieldset data-nstest-role="controlgroup" data-nstest-type="horizontal" id="horizontal-controlgroup">
  62                                 <legend>Font styling:</legend>
  63                                 <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
  64                                 <label for="checkbox-6">b</label>
  65
  66                                 <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
  67                                 <label for="checkbox-7"><em>i</em></label>
  68
  69                                 <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
  70                                 <label for="checkbox-8"><em>s</em></label>
  71
  72                                 <input type="checkbox" name="checkbox-9" id="checkbox-9" class="custom" />
  73                                 <label for="checkbox-9">u</label>
  74                         </fieldset>
  75                 </div>
  76
  77         </div>
  78 </div>
  79
  80 <div data-nstest-enhance="false" data-nstest-role="fieldcontain" id="unenhanced-fieldcontain">
  81         <fieldset data-nstest-type="horizontal" id="unenhanced-fieldset" data-nstest-role="controlgroup">
  82                 <input type="checkbox" name="checkbox-10" id="checkbox-10" class="custom" />
  83                 <label for="checkbox-10">b</label>
  84
  85                 <input type="checkbox" name="checkbox-11" id="checkbox-11" class="custom" />
  86                 <label for="checkbox-11"><em>i</em></label>
  87         </fieldset>
  88 </div>
  89
  90 <div data-nstest-role="fieldcontain" id="enhanced-fieldcontain">
  91         <fieldset data-nstest-type="horizontal" id="enhanced-fieldset" data-nstest-role="controlgroup">
  92                 <input type="checkbox" name="checkbox-12" id="checkbox-12" class="custom" />
  93                 <label for="checkbox-12">b</label>
  94
  95                 <input type="checkbox" name="checkbox-13" id="checkbox-13" class="custom" />
  96                 <label for="checkbox-13"><em>i</em></label>
  97         </fieldset>
  98 </div>
  99
 100 <div data-nstest-role="fieldcontain" id="enhancetest">
 101         <fieldset data-nstest-role="controlgroup">
 102         </fieldset>
 103 </div>
 104 </body>
 105 </html>