tests/additional-unit-tests/listdividers/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="listdividers-tests.js"></script>
  14                 <title>List Dividers</title>
  15         </head>
  16
  17         <body>
  18                 <h1 id="qunit-header">List Divider</h1>
  19                 <h2 id="qunit-banner"></h2>
  20                 <div id="qunit-testrunner-toolbar"></div>
  21                 <h2 id="qunit-userAgent"></h2>
  22                 <ol id="qunit-tests"></ol>
  23
  24                 <div id="qunit-fixture">
  25                         <div data-role="page" id="dummy-page">
  26                                 <div data-role="header" data-position="fixed">
  27                                         <h1>Dummy</h1>
  28                                 </div>
  29                                 <div data-role="contents">
  30                                 </div>
  31                         </div>
  32
  33                         <div data-role="page" id="listdividers-unit-test" data-add-back-btn="true">
  34                                 <div data-role="header" data-position="fixed">
  35                                         <h1>List Divider</h1>
  36                                         <input type="search" data-cancel-btn='true' name="search" data-icon="call" id="searchInput" value=""/>
  37                                 </div>
  38                                 <div data-role="content" id="listdividers-content">
  39                                                                 <ul data-role="listview" id='listdividerssample'>
  40                                                                 <li data-role="list-divider">A</li>
  41                                                                 <li><a href="#">Adam Kinkaid</a></li>
  42                                                                 <li><a href="#">Alex Wickerham</a></li>
  43                                                                 <li><a href="#">Avery Johnson</a></li>
  44                                                                 <li data-role="list-divider" data-style='dialogue'>B</li>
  45                                                                 <li><a href="#">Bob Cabot</a></li>
  46                                                                 <li data-role="list-divider" data-style='check'>C</li>
  47                                                                 <li><a href="#">Caleb Booth</a></li>
  48                                                                 <li><a href="#">Christopher Adams</a></li>
  49                                                                 <li><a href="#">Culver James</a></li>
  50                                                                 <li data-role="list-divider" data-style='expandable'>D</li>
  51                                                                 <li><a href="#">David Walsh</a></li>
  52                                                                 <li><a href="#">Drake Alfred</a></li>
  53                                                                 <li data-role="list-divider" data-style='checkexpandable'>E</li>
  54                                                                 <li><a href="#">Elizabeth Bacon</a></li>
  55                                                                 <li><a href="#">Emery Parker</a></li>
  56                                                                 <li><a href="#">Enid Voldon</a></li>
  57                                                                 <li data-role="list-divider">F</li>
  58                                                                 <li><a href="#">Francis Wall</a></li>
  59                                                                 <li data-role="list-divider">G</li>
  60                                                                 <li><a href="#">Graham Smith</a></li>
  61                                                                 <li><a href="#">Greta Peete</a></li>
  62                                                                 <li data-role="list-divider">H</li>
  63                                                                 <li><a href="#">Harvey Walls</a></li>
  64                                                         </ul>
  65                                 </div>
  66                         </div>
  67                 </div>
  68                 <div data-role="page" id="listdividers-unit-test-dynamic">
  69                                 <div data-role="header" data-position="fixed">
  70                                         <h1>Dummy</h1>
  71                                 </div>
  72                                 <div data-role="contents">
  73                                 </div>
  74                         </div>
  75         </body>
  76 </html>