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