libs/js/jquery-mobile-1.0.1pre/tests/unit/checkboxradio/index.html

   1 <!DOCTYPE html>
   2
   3 <html lang="en">
   4 <head>
   5         <meta charset="UTF-8" />
   6         <title>jQuery Mobile Checkboxradio Test Suite</title>
   7
   8         <script src="../../../js/jquery.js"></script>
   9         <script src="../jquery.setNameSpace.js"></script>
  10         <script src="../../../js/"></script>
  11         <script src="../../../tests/jquery.testHelper.js"></script>
  12
  13         <link rel="stylesheet"  href="../../../css/themes/default/"/>
  14         <link rel="stylesheet" href="../../../external/qunit.css"/>
  15         <script src="../../../external/qunit.js"></script>
  16
  17         <script src="checkboxradio_core.js"></script>
  18
  19         <script src="../swarminject.js"></script>
  20 </head>
  21 <body>
  22
  23 <h1 id="qunit-header">jQuery Mobile Checkbockradio Test Suite</h1>
  24 <h2 id="qunit-banner"></h2>
  25 <h2 id="qunit-userAgent"></h2>
  26 <ol id="qunit-tests">
  27 </ol>
  28
  29 <div data-nstest-role="page">
  30         <div data-nstest-role="content">
  31                 <div data-nstest-role="fieldcontain">
  32                         <fieldset data-nstest-role="controlgroup">
  33                                 <legend>Agree to the terms:</legend>
  34                                 <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom"/>
  35                                 <label for="checkbox-1">I agree</label>
  36                         </fieldset>
  37                 </div>
  38
  39                 <div data-nstest-role="fieldcontain">
  40                         <fieldset data-nstest-role="controlgroup">
  41                                 <legend>Agree to the terms:</legend>
  42                                 <input type="checkbox" name="checkbox-2" id="checkbox-2" class="custom"/>
  43                                 <label for="checkbox-2">I agree</label>
  44                         </fieldset>
  45                 </div>
  46
  47         <div data-nstest-role="fieldcontain" data-nstest-role="controlgroup">
  48             <div>
  49                 <legend>Agree to the terms 3.1:</legend>
  50                 <input type="checkbox" name="checkbox-3" id="checkbox-31" class="custom"/>
  51                 <label for="checkbox-31">I agree 3.1</label>
  52             </div>
  53             <div>
  54                 <legend>Agree to the terms 3.2:</legend>
  55                 <input type="checkbox" name="checkbox-3" id="checkbox-32" class="custom"/>
  56                 <label for="checkbox-32">I agree 3.2</label>
  57             </div>
  58         </div>
  59         </div>
  60
  61 <div data-role="fieldcontain" id="radio-active-btn-test">
  62         <fieldset data-role="controlgroup">
  63           <legend>Choose a pet:</legend>
  64           <input type="radio" name="radio-pet-active-btn" id="radio-pet-1" value="choice-1" checked="checked"  />
  65           <label for="radio-pet-1">Cat</label>
  66
  67           <input type="radio" name="radio-pet-active-btn" id="radio-pet-2" value="choice-2"  />
  68           <label for="radio-pet-2">Dog</label>
  69
  70           <input type="radio" name="radio-pet-active-btn" id="radio-pet-3" value="choice-3"  />
  71           <label for="radio-pet-3">Hamster</label>
  72
  73           <input type="radio" name="radio-pet-active-btn" id="radio-pet-4" value="choice-4"  />
  74           <label for="radio-pet-4">Lizard</label>
  75         </fieldset>
  76 </div>
  77
  78 <div data-role="fieldcontain">
  79         <fieldset data-role="controlgroup">
  80                 <legend>Agree to the terms:</legend>
  81                 <input type="checkbox" name="checkbox-1" id="checkbox-1" class="should-be-native" />
  82                 <label for="checkbox-1">I agree</label>
  83         </fieldset>
  84 </div>
  85
  86 <div data-role="fieldcontain">
  87         <fieldset data-role="controlgroup">
  88                 <legend>Agree to the terms:</legend>
  89                 <input type="checkbox" name="checkbox-click-triggered" id="checkbox-click-triggered"/>
  90                 <label for="checkbox-click-triggered">click triggered</label>
  91         </fieldset>
  92 </div>
  93 </div>
  94
  95 <div id="enhancetest">
  96     <input type="checkbox" name="checkbox-332" id="checkbox-332" class="custom"/>
  97     <label for="checkbox-332">I agree 3.2</label>
  98 </div>
  99
 100 </body>
 101 </html>