tests/unit-tests/shortcutscroll/index.html

   1 <!DOCTYPE html>
   2 <html>
   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         <script src="shortcutscroll-tests.js"></script>
  15
  16         <title>Shortcut Scroll</title>
  17 </head>
  18
  19 <body>
  20
  21 <h1 id="qunit-header">Shortcut Scroll</h1>
  22 <h2 id="qunit-banner"></h2>
  23 <div id="qunit-testrunner-toolbar"></div>
  24 <h2 id="qunit-userAgent"></h2>
  25 <ol id="qunit-tests"></ol>
  26
  27 <div id="qunit-fixture">
  28
  29         <div data-role="page" id="shortcutscroll">
  30                 <div data-role="header" data-position="fixed">
  31                         <h1>Shortcut Scroll</h1>
  32                 </div>
  33                 <div data-role="content">
  34                         <ul id="shortcut" data-role="listview" data-shortcutscroll="true">
  35                                 <li data-role="list-divider">A</li>
  36                                 <li>Anton</li>
  37                                 <li>Arabella</li>
  38                                 <li>Art</li>
  39                                 <li data-role="list-divider">B</li>
  40                                 <li>Barry</li>
  41                                 <li>Bibi</li>
  42                                 <li>Billy</li>
  43                                 <li>Bob</li>
  44                                 <li data-role="list-divider">D</li>
  45                                 <li>Daisy</li>
  46                                 <li>Derek</li>
  47                                 <li>Desmond</li>
  48                                 <li data-role="list-divider">E</li>
  49                                 <li>Eric</li>
  50                                 <li>Ernie</li>
  51                                 <li>Esme</li>
  52                                 <li data-role="list-divider">F</li>
  53                                 <li>Fay</li>
  54                                 <li>Felicity</li>
  55                                 <li>Francis</li>
  56                                 <li>Frank</li>
  57                                 <li data-role="list-divider">H</li>
  58                                 <li>Harry</li>
  59                                 <li>Herman</li>
  60                                 <li>Horace</li>
  61                                 <li data-role="list-divider">J</li>
  62                                 <li>Jack</li>
  63                                 <li>Jane</li>
  64                                 <li>Jill</li>
  65                                 <li data-role="list-divider">K</li>
  66                                 <li>Katherine</li>
  67                                 <li>Katy</li>
  68                                 <li>Keith</li>
  69                                 <li data-role="list-divider">L</li>
  70                                 <li>Larry</li>
  71                                 <li>Lee</li>
  72                                 <li>Lola</li>
  73                                 <li data-role="list-divider">M</li>
  74                                 <li>Mark</li>
  75                                 <li>Milly</li>
  76                                 <li>Mort</li>
  77                                 <li data-role="list-divider">N</li>
  78                                 <li>Nigel</li>
  79                                 <li>Norman</li>
  80                                 <li data-role="list-divider">O</li>
  81                                 <li>Organza</li>
  82                                 <li>Orlando</li>
  83                         </ul>
  84                 </div>
  85         </div>
  86
  87 </div>
  88
  89 </body>
  90 </html>