tests/additional-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         <link rel="stylesheet" href="../../../libs/js/jquery-mobile-1.2.0/external/qunit.css" />
  11
  12         <script src="../../../libs/js/jquery-mobile-1.2.0/external/qunit.js"></script>
  13
  14         <script src="navigationbar-tests.js"></script>
  15 </head>
  16 <body>
  17
  18 <h1 id="qunit-header">Navigationbar</h1>
  19 <h2 id="qunit-banner"></h2>
  20 <h2 id="qunit-userAgent"></h2>
  21 <ol id="qunit-tests">
  22 </ol>
  23
  24
  25 <div data-nstest-role="page">
  26         <div data-nstest-role="header" id="normalnavigation1">
  27                 <h1>Navigationbar Test - markup</h1>
  28         </div>
  29         <div data-nstest-role="content">
  30         </div>
  31         <div data-nstest-role="footer">
  32         </div>
  33 </div>
  34
  35 <div data-nstest-role="page">
  36         <div data-nstest-role="header" >
  37
  38         </div>
  39         <div data-nstest-role="content">
  40         </div>
  41         <div data-nstest-role="footer" id="normalnavigation12">
  42                 <h1>Navigationbar Test - markup</h1>
  43         </div>
  44 </div>
  45
  46 <div data-nstest-role="page">
  47         <div data-nstest-role="header" id="normalnavigation11">
  48
  49         </div>
  50         <div data-nstest-role="content">
  51         </div>
  52         <div data-nstest-role="footer">
  53         </div>
  54 </div>
  55
  56 <div data-nstest-role="page">
  57         <div data-nstest-role="header">
  58
  59         </div>
  60         <div data-nstest-role="content">
  61         </div>
  62         <div data-nstest-role="footer"  id="normalnavigation111">
  63         </div>
  64 </div>
  65
  66
  67 <div data-nstest-role="page">
  68         <div data-nstest-role="header" id="normalnavigation2">
  69                 <h1>Navigationbar Test - markup</h1>
  70                 <a>Button</a>
  71         </div>
  72         <div data-nstest-role="content">
  73         </div>
  74         <div data-nstest-role="footer">
  75         </div>
  76 </div>
  77
  78 <div data-nstest-role="page">
  79         <div data-nstest-role="header">
  80
  81         </div>
  82         <div data-nstest-role="content">
  83         </div>
  84         <div data-nstest-role="footer"  id="normalnavigation22">
  85                 <h1>Navigationbar Test - markup</h1>
  86                 <a>Button</a>
  87         </div>
  88 </div>
  89
  90 <div data-nstest-role="page">
  91         <div data-nstest-role="header" id="normalnavigation3">
  92                 <a>Button</a>
  93                 <h1>Navigationbar Test - markup</h1>
  94                 <a>Button</a>
  95         </div>
  96 <div data-nstest-role="content">
  97         </div>
  98         <div data-nstest-role="footer">
  99         </div>
 100 </div>
 101
 102 <div data-nstest-role="page">
 103         <div data-nstest-role="header">
 104
 105         </div>
 106 <div data-nstest-role="content">
 107         </div>
 108         <div data-nstest-role="footer"  id="normalnavigation32">
 109                 <a>Button</a>
 110                 <h1>Navigationbar Test - markup</h1>
 111                 <a>Button</a>
 112         </div>
 113 </div>
 114
 115
 116 <div data-nstest-role="page">
 117         <div data-nstest-role="header" id="normalnavigation4">
 118                 <a>Button</a>
 119                 <h1>Navigationbar Test - markup</h1>
 120                 <a>Button2</a>
 121                 <a>Button3</a>
 122         </div>
 123         <div data-nstest-role="content">
 124         </div>
 125         <div data-nstest-role="footer">
 126         </div>
 127 </div>
 128
 129 <div data-nstest-role="page">
 130         <div data-nstest-role="header" >
 131
 132         </div>
 133         <div data-nstest-role="content">
 134         </div>
 135         <div data-nstest-role="footer" id="normalnavigation42">
 136                 <a>Button</a>
 137                 <h1>Navigationbar Test - markup</h1>
 138                 <a>Button2</a>
 139                 <a>Button3</a>
 140         </div>
 141 </div>
 142
 143 <div data-nstest-role="page">
 144         <div data-nstest-role="header" data-position="fixed" id="extendedstyle2btn">
 145                 <h1>Extended Title 2 Button </h1>
 146                 <div data-role="fieldcontain">
 147                         <fieldset data-role="controlgroup" data-type="horizontal">
 148                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment1" value="on" checked="checked" />
 149                                 <label for="segment1">All</label>
 150                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment2" value="off" />
 151                                 <label for="segment2">Call</label>
 152                         </fieldset>
 153                 </div>
 154         </div>
 155         <div data-nstest-role="content">
 156         </div>
 157 </div>
 158
 159 <div data-nstest-role="page">
 160         <div data-nstest-role="header" data-position="fixed" >
 161
 162         </div>
 163         <div data-nstest-role="content">
 164         </div>
 165         <div data-nstest-role="footer" id="extendedstyle22btn">
 166                 <h1>Extended Title 2 Button </h1>
 167                 <div data-role="fieldcontain">
 168                         <fieldset data-role="controlgroup" data-type="horizontal">
 169                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment1" value="on" checked="checked" />
 170                                 <label for="segment1">All</label>
 171                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment2" value="off" />
 172                                 <label for="segment2">Call</label>
 173                         </fieldset>
 174                 </div>
 175         </div>
 176 </div>
 177
 178
 179 <div data-nstest-role="page">
 180         <div data-nstest-role="header" data-position="fixed" id="extendedstyle3btn">
 181                 <h1>Extended Title 3 Button </h1>
 182                 <div data-role="fieldcontain">
 183                         <fieldset data-role="controlgroup" data-type="horizontal">
 184                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment1" value="on" checked="checked" />
 185                                 <label for="segment1">All</label>
 186                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment2" value="off" />
 187                                 <label for="segment2">Call</label>
 188                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment3" value="off" />
 189                                 <label for="segment3">Save</label>
 190                         </fieldset>
 191                 </div>
 192         </div>
 193         <div data-nstest-role="content">
 194         </div>
 195 </div>
 196
 197 <div data-nstest-role="page">
 198         <div data-nstest-role="header" data-position="fixed" >
 199
 200         </div>
 201         <div data-nstest-role="content">
 202         </div>
 203         <div data-nstest-role="footer" id="extendedstyle32btn">
 204                 <h1>Extended Title 3 Button </h1>
 205                 <div data-role="fieldcontain">
 206                         <fieldset data-role="controlgroup" data-type="horizontal">
 207                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment1" value="on" checked="checked" />
 208                                 <label for="segment1">All</label>
 209                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment2" value="off" />
 210                                 <label for="segment2">Call</label>
 211                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment3" value="off" />
 212                                 <label for="segment3">Save</label>
 213                         </fieldset>
 214                 </div>
 215         </div>
 216 </div>
 217
 218 <div data-nstest-role="page">
 219         <div data-nstest-role="header" data-position="fixed" id="extendedstyle4btn">
 220                 <h1>Extended Title 4 Button </h1>
 221                 <div data-role="fieldcontain">
 222                         <fieldset data-role="controlgroup" data-type="horizontal">
 223                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment1" value="on" checked="checked" />
 224                                 <label for="segment1">All</label>
 225                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment2" value="off" />
 226                                 <label for="segment2">Call</label>
 227                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment3" value="off" />
 228                                 <label for="segment3">Save</label>
 229                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment4" value="off" />
 230                                 <label for="segment4">Back</label>
 231                         </fieldset>
 232                 </div>
 233         </div>
 234         <div data-nstest-role="content">
 235         </div>
 236 </div>
 237
 238 <div data-nstest-role="page">
 239         <div data-position="fixed" >
 240
 241         </div>
 242         <div data-nstest-role="content">
 243         </div>
 244         <div data-nstest-role="footer" id="extendedstyle42btn">
 245                 <h1>Extended Title 4 Button </h1>
 246                 <div data-role="fieldcontain">
 247                         <fieldset data-role="controlgroup" data-type="horizontal">
 248                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment1" value="on" checked="checked" />
 249                                 <label for="segment1">All</label>
 250                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment2" value="off" />
 251                                 <label for="segment2">Call</label>
 252                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment3" value="off" />
 253                                 <label for="segment3">Save</label>
 254                                 <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment4" value="off" />
 255                                 <label for="segment4">Back</label>
 256                         </fieldset>
 257                 </div>
 258         </div>
 259 </div>
 260
 261
 262 <div data-nstest-role="page">
 263         <div data-position="fixed" >
 264                 <h1>Extended Title 4 Button </h1>
 265
 266         </div>
 267         <div data-nstest-role="content">
 268         </div>
 269         <div data-nstest-role="footer" id="extendedstyle52btn">
 270
 271         </div>
 272 </div>
 273
 274 <div data-nstest-role="page">
 275         <div data-nstest-role="header" data-position="fixed" id="extendedstyle5btn">
 276
 277         </div>
 278         <div data-nstest-role="content">
 279         </div>
 280 </div>
 281
 282
 283 </body>
 284 </html>
 285
 286