tests/additional-unit-tests/extendablelist/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.2.0/external/qunit.css" />
  12                 <script src="../../../libs/js/jquery-mobile-1.2.0/external/qunit.js"></script>
  13                 <script src = "../../../demos/tizen-gray/widgets/list/virtuallist-db-demo.js"></script>
  14                 <script src="extendablelist-tests.js"></script>
  15                 <title>Extendable</title>
  16         </head>
  17
  18         <body>
  19                 <h1 id="qunit-header">Extendablelist</h1>
  20                 <h2 id="qunit-banner"></h2>
  21                 <div id="qunit-testrunner-toolbar"></div>
  22                 <h2 id="qunit-userAgent"></h2>
  23                 <ol id="qunit-tests"></ol>
  24
  25                 <div id="qunit-fixture">
  26                         <div data-role="page" id="dummy-page">
  27                                 <div data-role="header" data-position="fixed">
  28                                         <h1>Dummy</h1>
  29                                 </div>
  30                                 <div data-role="contents">
  31                                 </div>
  32                         </div>
  33                         <div data-role="page" id="extendablelist-unit-test" data-add-back-btn="true">
  34                                 <script id="tmp-1line" type="text/x-jquery-tmpl">
  35                                         <li class="ui-li-1line"><span class="ui-li-text-main">${NAME}</span></li>
  36                                 </script>
  37                                 <script id="tmp_load_more" type="text/x-jquery-tmpl">
  38                                         <li class="ui-li-1line" style="text-align:center; margin:0 auto">
  39                                                 <div data-role="button">Load ${NUM_MORE_ITEMS} more items</div>
  40                                         </li>
  41                                 </script>
  42                                 <div data-role="header" data-position="fixed">
  43                                         <h1>extendable list</h1>
  44                                 </div>
  45                                 <div data-role="content">
  46                                         <ul id = "extendable_list_main" data-role="extendablelist" data-extenditems="50" data-template="tmp-1line" data-dbtable="JSON_DATA">
  47                                         </ul>
  48                                 </div>
  49                         </div>
  50                         <div data-role="page" id="extendablelist-unit-test-dynamic" data-add-back-btn="true">
  51                                 <script id="tmp-2line-" type="text/x-jquery-tmpl">
  52                                         <li class="ui-li-1line"><span class="ui-li-text-main">${NAME}</span></li>
  53                                 </script>
  54                                 <script id="tmp_load_more2" type="text/x-jquery-tmpl">
  55                                         <li class="ui-li-1line" style="text-align:center; margin:0 auto">
  56                                                 <div data-role="button">Load ${NUM_MORE_ITEMS} more items</div>
  57                                         </li>
  58                                 </script>
  59                                 <div data-role="header" data-position="fixed">
  60                                         <h1>extendable list</h1>
  61                                 </div>
  62                                 <div data-role="content">
  63
  64                                 </div>
  65                         </div>
  66
  67                 </div>
  68         </body>
  69 </html>