tests/additional-unit-tests/tabbar/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
  12         <link rel="stylesheet" href="../../../libs/js/jquery-mobile-1.2.0/external/qunit.css" />
  13
  14         <script src="../../../libs/js/jquery-mobile-1.2.0/external/qunit.js"></script>
  15
  16   <script src="tabbar-tests.js"></script>
  17 </head>
  18 <body>
  19
  20 <h1 id="qunit-header">Tabbar</h1>
  21 <h2 id="qunit-banner"></h2>
  22 <h2 id="qunit-userAgent"></h2>
  23 <ol id="qunit-tests">
  24 </ol>
  25 </div>
  26
  27 <div data-nstest-role="page">
  28         <div data-nstest-role="header" data-nstest-position="inline" id='tabbarheader'>
  29                 <h1>Tabbar Test - markup</h1>
  30                 <div id="tabbar-test-text-only-header" data-role="tabbar">
  31                         <ul>
  32                                 <li><a href="#" data-icon='delete'>Menu</a></li>
  33                                 <li><a href="#" class="ui-btn-active" data-icon='forward'>Save</a></li>
  34                                 <li><a href="#" data-icon='plus'>Share</a></li>
  35                                 <li><a href="#" data-icon='back'>Timeline</a></li>
  36                                 <li><a href="#" data-icon='search'>WorldClock</a></li>
  37                         </ul>
  38                 </div>
  39         </div>
  40         <div data-nstest-role="content">
  41         </div>
  42         <div data-nstest-role="footer" id='tabbarfooter'>
  43                 <div id="tabbar-test-text-only" data-role="tabbar">
  44                         <ul>
  45                                 <li><a href="#" data-icon='delete'>Menu</a></li>
  46                                 <li><a href="#" class="ui-btn-active" data-icon='forward'>Save</a></li>
  47                                 <li><a href="#" data-icon='plus'>Share</a></li>
  48                                 <li><a href="#" data-icon='back'>Timeline</a></li>
  49                                 <li><a href="#" data-icon='search'>WorldClock</a></li>
  50                         </ul>
  51                 </div>
  52         </div>
  53 </div>
  54 </body>
  55 </html>