tests/additional-unit-tests/radio/index.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4         <script src="../../../build/tizen-web-ui-fw/latest/js/jquery.js"></script>
   5         <script src="../../../build/tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
   6         <script src="../../../build/tizen-web-ui-fw/latest/js/tizen-web-ui-fw.js"
   7                 data-framework-theme="tizen-white"
   8                 data-framework-viewport-scale=false>
   9         </script>
  10
  11
  12         <link rel="stylesheet" href="../../../libs/js/jquery-mobile-1.2.0/external/qunit.css" />
  13         <script src="../../../libs/js/jquery-mobile-1.2.0/external/qunit.js"></script>
  14
  15         <script src="radio-tests.js"></script>
  16         <title>Radio</title>
  17 </head>
  18
  19 <body>
  20
  21 <h1 id="qunit-header">Radio</h1>
  22 <h2 id="qunit-banner"></h2>
  23 <div id="qunit-testrunner-toolbar"></div>
  24 <h2 id="qunit-userAgent"></h2>
  25 <ol id="qunit-tests"></ol>
  26
  27 <div id="qunit-fixture">
  28         <div data-role="page" id="radiopage">
  29                 <div data-role='content'>
  30                         <input type="radio" name="radio-single" id="radio-single-1" value="Normal" />
  31                         <label for="radio-single-1">Normal</label>
  32                         <input type="radio" name="radio-2" id="radio-single-2" checked="checked" disabled="disabled" value="Checked, Disabled" />
  33                         <label for="radio-single-2">Checked, Disabled</label>
  34                         <input type="radio" name="radio-3" id="radio-single-3" disabled="disabled" value="Disabled" />
  35                         <label for="radio-single-3">Disabled</label>
  36
  37                         <fieldset id="controlgroup" data-role="controlgroup">
  38                                 <input type="radio" name="radio-choice" id="radio-choice-1" value="Cat"  />
  39                                 <label for="radio-choice-1">Cat</label>
  40
  41                                 <input type="radio" name="radio-choice" id="radio-choice-2" value="Dog" />
  42                                 <label for="radio-choice-2">Dog</label>
  43
  44                                 <input type="radio" name="radio-choice" id="radio-choice-3" value="Hamster" />
  45                                 <label for="radio-choice-3">Hamster</label>
  46
  47                                 <input type="radio" name="radio-choice" id="radio-choice-4" value="Lizard" />
  48                                 <label for="radio-choice-4">Lizard</label>
  49                         </fieldset>
  50
  51                         <fieldset id="controlgroup2" data-type="horizontal" data-role="controlgroup">
  52                                 <input type="radio" name="radio-choice2" id="radio-choiceh-1" value="Cat"  />
  53                                 <label for="radio-choiceh-1">Cat</label>
  54
  55                                 <input type="radio" name="radio-choice2" id="radio-choiceh-2" value="Dog" />
  56                                 <label for="radio-choiceh-2">Dog</label>
  57
  58                                 <input type="radio" name="radio-choice2" id="radio-choiceh-3" value="Hamster" />
  59                                 <label for="radio-choiceh-3">Hamster</label>
  60
  61                                 <input type="radio" name="radio-choice2" id="radio-choiceh-4" value="Lizard" />
  62                                 <label for="radio-choiceh-4">Lizard</label>
  63                         </fieldset>
  64                 </div>
  65         </div>
  66 </div>
  67
  68 </body>
  69 </html>