tests/additional-unit-tests/swipe/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         <script src="swipe-tests.js"></script>
  16
  17         <title>Swipe</title>
  18 </head>
  19 <body>
  20
  21 <h1 id="qunit-header">Swipe Tests</h1>
  22 <h2 id="qunit-banner"></h2>
  23 <h2 id="qunit-userAgent"></h2>
  24 <ol id="qunit-tests">
  25 </ol>
  26
  27 <div id="qunit-fixture" style="top:0px;left:0px;">
  28         <div data-role="page" id="swipelistpage">
  29                         <ul data-role="listview">
  30                                 <li id="swipewidget" data-role="swipe">
  31                                         <div data-role="swipe-item">
  32                                                 <div data-role="button" data-inline="true">Twitter</div>
  33                                                 <div data-role="button" data-inline="true">Twitter</div>
  34                                                 <div data-role="button" data-inline="true">Facebook</div>
  35                                                 <div data-role="button" data-inline="true">Facebook</div>
  36                                         </div>
  37                                         <div data-role="swipe-item-cover">
  38                                                 Swipe2
  39                                         </div>
  40                                 </li>
  41                                 <li data-role="swipe" id="swipewidget2">
  42                                         <div data-role="swipe-item">
  43                                                 <div data-role="button" data-inline="true">Twitter</div>
  44                                                 <div data-role="button" data-inline="true">Twitter</div>
  45                                                 <div data-role="button" data-inline="true">Facebook</div>
  46                                                 <div data-role="button" data-inline="true">Facebook</div>
  47                                         </div>
  48                                         <div data-role="swipe-item-cover">
  49                                                 Swipe1
  50                                         </div>
  51                                 </li>
  52                         </ul>
  53         </div>
  54         <div data-role="page" id="swipedestorypage">
  55                         <ul data-role="listview" >
  56                                 <li id="swipedestroy" data-role="swipe">
  57                                         <div data-role="swipe-item">
  58                                                 <div data-role="button" data-inline="true">Twitter</div>
  59                                                 <div data-role="button" data-inline="true">Twitter</div>
  60                                                 <div data-role="button" data-inline="true">Facebook</div>
  61                                                 <div data-role="button" data-inline="true">Facebook</div>
  62                                         </div>
  63                                         <div data-role="swipe-item-cover">
  64                                                 <div style="display: inline-block;" class="ui-li-text-sub-left">subtext</div>
  65                                                 <div style="display: inline-block;" class="ui-li-text-main-right">2line-leftsub2</div>
  66                                         </div>
  67                                 </li>
  68                                 <li data-role="swipe">
  69                                         <div data-role="swipe-item">
  70                                                 <div data-role="button" data-inline="true">Twitter</div>
  71                                                 <div data-role="button" data-inline="true">Twitter</div>
  72                                                 <div data-role="button" data-inline="true">Facebook</div>
  73                                                 <div data-role="button" data-inline="true">Facebook</div>
  74                                         </div>
  75                                         <div data-role="swipe-item-cover">
  76                                                 <div style="display: inline-block;" class="ui-li-text-sub-left">subtext</div>
  77                                                 <div style="display: inline-block;" class="ui-li-text-main-right">1line-leftsub1</div>
  78                                         </div>
  79                                 </li>
  80                         </ul>
  81         </div>
  82
  83         <div data-role="page" id="swipedynamicpage">
  84                         <ul data-role="listview" id='swipedynamiclist'>
  85
  86                         </ul>
  87         </div>
  88 </div>
  89
  90
  91 </body>
  92 </html>