tests/unit-tests/controlbar/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="controlbar-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-nstest-position="inline">
  28                 <h1>Controlbar Test - markup</h1>
  29         </div>
  30         <div data-nstest-role="content">
  31         </div>
  32         <div data-nstest-role="footer">
  33                 <div id="controlbar-tabbar-test" data-role="controlbar" data-style="tabbar" >
  34                         <ul>
  35                                 <li><a href="#" data-icon="ctrlbar-menu" class="ui-btn-active">Menu</a></li>
  36                                 <li><a href="#" data-icon="ctrlbar-save" >Save</a></li>
  37                                 <li><a href="#" data-icon="ctrlbar-share" >Share</a></li>
  38                                 <li><a href="#" data-icon="ctrlbar-timeline" >Timeline</a></li>
  39                                 <li><a href="#" data-icon="ctrlbar-world_clock" >WorldClock</a></li>
  40                         </ul>
  41                 </div>
  42         </div>
  43 </div>
  44
  45 <div data-nstest-role="page">
  46         <div data-nstest-role="header" data-nstest-position="inline">
  47                 <h1>Controlbar Test - markup</h1>
  48         </div>
  49         <div data-nstest-role="content">
  50         </div>
  51         <div data-nstest-role="footer">
  52                 <div id="controlbar-tabbar-test-icon-only" data-role="controlbar" data-style="tabbar" >
  53                         <ul>
  54                                 <li><a href="#" data-icon="ctrlbar-menu" class="ui-btn-active"></a></li>
  55                                 <li><a href="#" data-icon="ctrlbar-save" ></a></li>
  56                                 <li><a href="#" data-icon="ctrlbar-share" ></a></li>
  57                                 <li><a href="#" data-icon="ctrlbar-timeline" ></a></li>
  58                                 <li><a href="#" data-icon="ctrlbar-world_clock" ></a></li>
  59                         </ul>
  60                 </div>
  61         </div>
  62 </div>
  63
  64 <div data-nstest-role="page">
  65         <div data-nstest-role="header" data-nstest-position="inline">
  66                 <h1>Controlbar Test - markup</h1>
  67         </div>
  68         <div data-nstest-role="content">
  69         </div>
  70         <div data-nstest-role="footer">
  71                 <div id="controlbar-tabbar-test-text-only" data-role="controlbar" data-style="tabbar" >
  72                         <ul>
  73                                 <li><a href="#" >Menu</a></li>
  74                                 <li><a href="#" class="ui-btn-active">Save</a></li>
  75                                 <li><a href="#" >Share</a></li>
  76                                 <li><a href="#" >Timeline</a></li>
  77                                 <li><a href="#" >WorldClock</a></li>
  78                         </ul>
  79                 </div>
  80         </div>
  81 </div>
  82
  83 <div data-nstest-role="page">
  84         <div data-nstest-role="header" data-nstest-position="inline">
  85                 <h1>Controlbar Test - markup</h1>
  86         </div>
  87         <div data-nstest-role="content">
  88         </div>
  89         <div data-nstest-role="footer">
  90                 <div id="controlbar-toolbar-test" data-role="controlbar" data-style="toolbar" >
  91                         <ul>
  92                                 <li><a href="#" data-icon="ctrlbar-menu" >Menu</a></li>
  93                                 <li><a href="#" data-icon="ctrlbar-save" class="ui-btn-active">Save</a></li>
  94                                 <li><a href="#" data-icon="ctrlbar-share" >Share</a></li>
  95                                 <li><a href="#" data-icon="ctrlbar-timeline" >Timeline</a></li>
  96                                 <li><a href="#" data-icon="ctrlbar-world_clock" >WorldClock</a></li>
  97                         </ul>
  98                 </div>
  99         </div>
 100 </div>
 101
 102 <div data-nstest-role="page">
 103         <div data-nstest-role="header" data-nstest-position="inline">
 104                 <h1>Controlbar Test - markup</h1>
 105         </div>
 106         <div data-nstest-role="content">
 107         </div>
 108         <div data-nstest-role="footer">
 109                 <div id="controlbar-toolbar-test-icon-only" data-role="controlbar" data-style="toolbar" >
 110                         <ul>
 111                                 <li><a href="#" data-icon="ctrlbar-menu" class="ui-btn-active"></a></li>
 112                                 <li><a href="#" data-icon="ctrlbar-save" ></a></li>
 113                                 <li><a href="#" data-icon="ctrlbar-share" ></a></li>
 114                                 <li><a href="#" data-icon="ctrlbar-timeline" ></a></li>
 115                                 <li><a href="#" data-icon="ctrlbar-world_clock" ></a></li>
 116                         </ul>
 117                 </div>
 118         </div>
 119 </div>
 120
 121 <div data-nstest-role="page">
 122         <div data-nstest-role="header" data-nstest-position="inline">
 123         <h1>Controlbar Test - markup</h1>
 124         </div>
 125         <div data-nstest-role="content">
 126         </div>
 127         <div data-nstest-role="footer">
 128                 <div id="controlbar-toolbar-test-text-only" data-role="controlbar" data-style="toolbar" >
 129                         <ul>
 130                                 <li><a href="#" >Menu</a></li>
 131                                 <li><a href="#" class="ui-btn-active">Save</a></li>
 132                                 <li><a href="#" >Share</a></li>
 133                                 <li><a href="#" >Timeline</a></li>
 134                                 <li><a href="#" >WorldClock</a></li>
 135                         </ul>
 136                 </div>
 137         </div>
 138 </div>
 139 </body>
 140 </html>