tests/unit-tests/listdivider/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
  13         <script src="../../../libs/js/jquery-mobile-1.2.0/external/qunit.js"></script>
  14         <script src="listdivider-tests.js"></script>
  15
  16         <title>Listdivider</title>
  17 </head>
  18
  19 <body>
  20
  21 <h1 id="qunit-header">List divider</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">
  30                 <div data-role="header" data-position="fixed">
  31                         <h1>List divider</h1>
  32                 </div>
  33                 <div class="content" data-role="content" data-scroll="y">
  34                         <ul id="listview1" data-role="listview">
  35                                 <li data-role="list-divider">Item styles</li>
  36                                 <li><a href="#">Normal lists</a></li>
  37                                 <li><a href="#">Normal lists</a></li>
  38                                 <li><a href="#">Normal lists</a></li>
  39                                 <li data-role="list-divider">Item styles</li>
  40                                 <li><a href="#">Normal lists</a></li>
  41                                 <li><a href="#">Normal lists</a></li>
  42                                 <li><a href="#">Normal lists</a></li>
  43                                 <li data-role="list-divider">Item styles</li>
  44                                 <li><a href="#">Normal lists</a></li>
  45                                 <li><a href="#">Normal lists</a></li>
  46                                 <li><a href="#">Normal lists</a></li>
  47                         </ul>
  48                 </div>
  49         </div>
  50
  51         <div id="listdivdier_group" data-role="page">
  52                 <div data-role="header" data-position="fixed">
  53                         <h1>Groupped Divider </h1>
  54                 </div>
  55                 <div class="content" data-role="content" data-scroll="y">
  56                         <ul id="listview2" data-role="listview">
  57                                 <li data-role="list-divider" data-style="check"><form><input type="checkbox"  name="c2line-check1" /></form>Item styles</li>
  58                                 <li><a href="#" >Normal lists</a></li>
  59                                 <li><a href="#" >Normal lists</a></li>
  60                                 <li><a href="#" >Normal lists</a></li>
  61                                 <li data-role="list-divider" data-style="check"><form><input type="checkbox"  name="c2line-check1" /></form>Item styles</li>
  62                                 <li><a href="#" >Normal lists</a></li>
  63                                 <li><a href="#" >Normal lists</a></li>
  64                                 <li><a href="#" >Normal lists</a></li>
  65                                 <li data-role="list-divider" data-style="check"><form><input type="checkbox"  name="c2line-check1" /></form>Item styles</li>
  66                                 <li><a href="#" >Normal lists</a></li>
  67                                 <li><a href="#" >Normal lists</a></li>
  68                                 <li><a href="#" >Normal lists</a></li>
  69                         </ul>
  70                 </div>
  71                 <div data-role="footer">
  72                 </div>
  73         </div>
  74
  75 </div>
  76
  77 </body>
  78 </html>