tests/unit-tests/segmentcontrol/index.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   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         <link rel="stylesheet" href="../../../libs/js/jquery-mobile-1.1.0/external/qunit.css" />
  12
  13         <script src="../../../libs/js/jquery-mobile-1.1.0/external/qunit.js"></script>
  14
  15   <script src="segmentcontrol-tests.js"></script>
  16 </head>
  17 <body>
  18
  19 <h1 id="qunit-header">jQuery Mobile Controlbar Tests</h1>
  20 <h2 id="qunit-banner"></h2>
  21 <h2 id="qunit-userAgent"></h2>
  22 <ol id="qunit-tests">
  23 </ol>
  24
  25
  26 <div data-nstest-role="page">
  27   <div data-nstest-role="header" data-position="inline">
  28     <h1>SegmentControl Test - markup</h1>
  29   </div>
  30   <div data-nstest-role="content">
  31                 <div data-role="fieldcontain" id="segmentcontrol-2btn">
  32                         <fieldset data-role="controlgroup" data-type="horizontal">
  33                                 <input type="radio" name="radio-view-1" data-icon="segment-titlestyle-segonly" id="segment1" value="on" checked="checked" />
  34                                 <label for="segment1">List</label>
  35                                 <input type="radio" name="radio-view-1" data-icon="segment-titlestyle-segonly" id="segment2" value="off" />
  36                                 <label for="segment2">Grid</label>
  37                         </fieldset>
  38                 </div>
  39
  40                 <div data-role="fieldcontain" id="segmentcontrol-3btn">
  41                         <fieldset data-role="controlgroup" data-type="horizontal">
  42                                 <input type="radio" name="radio-view-2" data-icon="segment-titlestyle-segonly" id="segment3" value="on" checked="checked" />
  43                                 <label for="segment3">List</label>
  44                                 <input type="radio" name="radio-view-2" data-icon="segment-titlestyle-segonly" id="segment4" value="off" />
  45                                 <label for="segment4">Grid</label>
  46                                 <input type="radio" name="radio-view-2" data-icon="segment-titlestyle-segonly" id="segment5" value="off" />
  47                                 <label for="segment5">Grid</label>
  48                         </fieldset>
  49                 </div>
  50
  51                 <div data-role="fieldcontain" id="segmentcontrol-4btn">
  52                         <fieldset data-role="controlgroup" data-type="horizontal">
  53                                 <input type="radio" name="radio-view-9" data-icon="segment-titlestyle-segonly" id="segment6" value="on" checked="checked" />
  54                                 <label for="segment6">List</label>
  55                                 <input type="radio" name="radio-view-9" data-icon="segment-titlestyle-segonly" id="segment7" value="off" />
  56                                 <label for="segment7">Grid</label>
  57                                 <input type="radio" name="radio-view-9" data-icon="segment-titlestyle-segonly" id="segment8" value="off" />
  58                                 <label for="segment8">Grid</label>
  59                                 <input type="radio" name="radio-view-9" data-icon="segment-titlestyle-segonly" id="segment9" value="off" />
  60                                 <label for="segment9">Grid</label>
  61                         </fieldset>
  62                 </div>
  63         </div>
  64         <div data-nstest-role="footer">
  65         </div>
  66 </div>
  67
  68
  69 </body>
  70 </html>