tests/unit-tests/autodividers/index.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4         <meta charset="utf-8">
   5         <meta name="viewport" content="width=device-width, initial-scale=1">
   6         <title>jQuery Mobile Autodividers Tests</title>
   7
   8         <link rel="stylesheet" href="../../../libs/js/jquery-mobile-1.1.0/external/qunit.css"/>
   9
  10   <script src="../../../build/tizen-web-ui-fw/latest/js/jquery.js"></script>
  11   <script src="../../../libs/js/jquery-mobile-1.1.0/tests/unit/jquery.setNameSpace.js"></script>
  12   <script src="../../../build/tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.js"></script>
  13   <script src="../../../build/tizen-web-ui-fw/latest/js/tizen-web-ui-fw.js" data-framework-theme="tizen-white"></script>
  14   <script src="../../../libs/js/jquery-mobile-1.1.0/tests/jquery.testHelper.js"></script>
  15   <script src="../../../libs/js/jquery-mobile-1.1.0/external/qunit.js"></script>
  16
  17   <script src="autodividers-tests.js"></script>
  18
  19 </head>
  20 <body>
  21
  22 <h1 id="qunit-header">jQuery Mobile Autodividers Tests</h1>
  23 <h2 id="qunit-banner"></h2>
  24 <h2 id="qunit-userAgent"></h2>
  25 <ol id="qunit-tests">
  26 </ol>
  27
  28 <div data-nstest-role="page" id="autodividers-test">
  29         <div data-nstest-role="header" data-nstest-position="inline">
  30                 <h1>Autodivider Test</h1>
  31         </div>
  32         <div data-nstest-role="content">
  33                 <ul data-nstest-role="listview" data-nstest-autodividers="alpha">
  34                         <li data-nstest-role="list-divider">SHOULD REMOVE</li>
  35                         <li>a is for aquaman</li>
  36                         <li>b is for batman</li>
  37                         <li>c is for catwoman</li>
  38                         <li>d is for darkwing</li>
  39                 </ul>
  40         </div>
  41 </div>
  42
  43 <div data-nstest-role="page" id="autodividers-selector-test">
  44         <div data-nstest-role="header" data-nstest-position="inline">
  45                 <h1>Autodivider Selector Test</h1>
  46         </div>
  47         <div data-nstest-role="content">
  48                 <ul id="autodividers-selector-test-list1" data-nstest-role="listview" data-nstest-autodividers="alpha">
  49                         <li><a href="">a is for aquaman</a></li>
  50                         <li><a href="">b is for batman</a></li>
  51                         <li><a href="">c is for catwoman</a></li>
  52                         <li><a href="">d is for darkwing</a></li>
  53                 </ul>
  54
  55                 <ul id="autodividers-selector-test-list2" data-nstest-role="listview" data-nstest-autodividers="alpha" data-nstest-autodividers-selector="div > span.autodividers-selector-test-selectme">
  56                         <li><div><span class="autodividers-selector-test-selectme">eddie</span> is for aquaman</div></li>
  57                         <li><div><span class="autodividers-selector-test-selectme">frankie</span> is for batman</div></li>
  58                         <li><div><span class="autodividers-selector-test-selectme">georgie</span> is for catwoman</div></li>
  59                         <li><div><span class="autodividers-selector-test-selectme">henry</span> is for darkwing</div></li>
  60                 </ul>
  61
  62                 <ul id="autodividers-selector-test-list3" data-nstest-role="listview" data-nstest-autodividers="full" data-nstest-autodividers-selector="div > span.autodividers-selector-test-selectme">
  63                         <li><div><span class="autodividers-selector-test-selectme">eddie</span> is smart</div></li>
  64                         <li><div><span class="autodividers-selector-test-selectme">eddie</span> is tough</div></li>
  65                         <li><div><span class="autodividers-selector-test-selectme">frankie</span> is scruffy</div></li>
  66                         <li><div><span class="autodividers-selector-test-selectme">frankie</span> is week</div></li>
  67                 </ul>
  68         </div>
  69 </div>
  70
  71 </body>
  72 </html>