tests/unit-tests/navigationbar/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.2.0/external/qunit.css" />
  12
  13         <script src="../../../libs/js/jquery-mobile-1.2.0/external/qunit.js"></script>
  14
  15         <script src="navigationbar-tests.js"></script>
  16 </head>
  17 <body>
  18
  19 <h1 id="qunit-header">jQuery Mobile Navigationbar 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" id="normalnavigation1">
  28                 <h1>Navigationbar Test - markup</h1>
  29         </div>
  30         <div data-nstest-role="content">
  31         </div>
  32         <div data-nstest-role="footer">
  33         </div>
  34 </div>
  35
  36 <div data-nstest-role="page">
  37         <div data-nstest-role="header" id="normalnavigation2">
  38                 <h1>Navigationbar Test - markup</h1>
  39                 <a>Button</a>
  40         </div>
  41         <div data-nstest-role="content">
  42         </div>
  43         <div data-nstest-role="footer">
  44         </div>
  45 </div>
  46
  47 <div data-nstest-role="page">
  48         <div data-nstest-role="header" id="normalnavigation3">
  49                 <a>Button</a>
  50                 <h1>Navigationbar Test - markup</h1>
  51                 <a>Button</a>
  52         </div>
  53 <div data-nstest-role="content">
  54         </div>
  55         <div data-nstest-role="footer">
  56         </div>
  57 </div>
  58
  59 <div data-nstest-role="page">
  60         <div data-nstest-role="header" id="normalnavigation4">
  61                 <a>Button</a>
  62                 <h1>Navigationbar Test - markup</h1>
  63                 <a>Button2</a>
  64                 <a>Button3</a>
  65         </div>
  66         <div data-nstest-role="content">
  67         </div>
  68         <div data-nstest-role="footer">
  69         </div>
  70 </div>
  71
  72 <div data-nstest-role="page">
  73         <div data-nstest-role="header" data-position="fixed" id="extendedstyle2btn">
  74                 <h1>Extended Title 2 Button </h1>
  75                 <div data-role="fieldcontain">
  76                         <fieldset data-role="controlgroup" data-type="horizontal">
  77                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment1" value="on" checked="checked" />
  78                                 <label for="segment1">All</label>
  79                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment2" value="off" />
  80                                 <label for="segment2">Call</label>
  81                         </fieldset>
  82                 </div>
  83         </div>
  84         <div data-nstest-role="content">
  85         </div>
  86 </div>
  87
  88 <div data-nstest-role="page">
  89         <div data-nstest-role="header" data-position="fixed" id="extendedstyle3btn">
  90                 <h1>Extended Title 3 Button </h1>
  91                 <div data-role="fieldcontain">
  92                         <fieldset data-role="controlgroup" data-type="horizontal">
  93                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment1" value="on" checked="checked" />
  94                                 <label for="segment1">All</label>
  95                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment2" value="off" />
  96                                 <label for="segment2">Call</label>
  97                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment3" value="off" />
  98                                 <label for="segment3">Save</label>
  99                         </fieldset>
 100                 </div>
 101         </div>
 102         <div data-nstest-role="content">
 103         </div>
 104 </div>
 105
 106 <div data-nstest-role="page">
 107         <div data-nstest-role="header" data-position="fixed" id="extendedstyle4btn">
 108                 <h1>Extended Title 4 Button </h1>
 109                 <div data-role="fieldcontain">
 110                         <fieldset data-role="controlgroup" data-type="horizontal">
 111                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment1" value="on" checked="checked" />
 112                                 <label for="segment1">All</label>
 113                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment2" value="off" />
 114                                 <label for="segment2">Call</label>
 115                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment3" value="off" />
 116                                 <label for="segment3">Save</label>
 117                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment4" value="off" />
 118                                 <label for="segment4">Back</label>
 119                         </fieldset>
 120                 </div>
 121         </div>
 122         <div data-nstest-role="content">
 123         </div>
 124 </div>
 125
 126 </body>
 127 </html>