third-party/jquery-ui-1.10.2/tests/unit/tabs/tabs.html

   1 <!doctype html>
   2 <html lang="en">
   3 <head>
   4         <meta charset="utf-8">
   5         <title>jQuery UI Tabs Test Suite</title>
   6
   7         <script src="../../jquery.js"></script>
   8         <link rel="stylesheet" href="../../../external/qunit.css">
   9         <script src="../../../external/qunit.js"></script>
  10         <script src="../../jquery.simulate.js"></script>
  11         <script src="../testsuite.js"></script>
  12         <script>
  13         TestHelpers.loadResources({
  14                 css: [ "ui.core", "ui.tabs" ],
  15                 js: [
  16                         "ui/jquery.ui.core.js",
  17                         "ui/jquery.ui.widget.js",
  18                         "ui/jquery.ui.tabs.js"
  19                 ]
  20         });
  21         </script>
  22
  23         <script src="tabs_test_helpers.js"></script>
  24         <script src="tabs_common.js"></script>
  25         <script src="tabs_core.js"></script>
  26         <script src="tabs_events.js"></script>
  27         <script src="tabs_methods.js"></script>
  28         <script src="tabs_options.js"></script>
  29
  30         <script src="../swarminject.js"></script>
  31         <style>
  32         #tabs8, #tabs8 * {
  33                 margin: 0;
  34                 padding: 0;
  35                 font-size: 12px;
  36                 line-height: 15px;
  37         }
  38         </style>
  39 </head>
  40 <body>
  41
  42 <h1 id="qunit-header">jQuery UI Tabs Test Suite</h1>
  43 <h2 id="qunit-banner"></h2>
  44 <div id="qunit-testrunner-toolbar"></div>
  45 <h2 id="qunit-userAgent"></h2>
  46 <ol id="qunit-tests"></ol>
  47 <div id="qunit-fixture">
  48
  49 <div id="tabs1">
  50         <ul>
  51                 <li><a href="#fragment-1"><span>1</span></a></li>
  52                 <li><a href="#fragment-2"><span>2</span></a></li>
  53                 <li><a href="#fragment-3"><span>3</span></a></li>
  54         </ul>
  55         <div id="fragment-1"></div>
  56         <div id="fragment-2"></div>
  57         <div id="fragment-3"></div>
  58 </div>
  59
  60 <div id="tabs2">
  61         <ul>
  62                 <li><a href="#colon:test"><span>1</span></a></li>
  63                 <li><a href="#inline-style"><span>2</span></a></li>
  64                 <li><a href="data/test.html#test"><span>3</span></a></li>
  65                 <li aria-controls="custom-id"><a href="data/test.html"><span>4</span></a></li>
  66                 <li><a href="data/test.html" title="∫ßáö Սե"><span>5</span></a></li>
  67         </ul>
  68         <div id="colon:test"></div>
  69         <div style="height: 300px;" id="inline-style"></div>
  70         <div id="custom-id"></div>
  71 </div>
  72
  73 <div id="tabs3">
  74         <div>
  75                 <ul id="tabs3-list">
  76                         <li><a href="#tabs3-1">1</a></li>
  77                 </ul>
  78         </div>
  79 </div>
  80
  81 <div id="tabs4">
  82         <ul id="tabs4-list">
  83                 <li><a href="#tabs4-1">1</a></li>
  84         </ul>
  85         <ol>
  86                 <li><a href="#tabs4-1">1</a></li>
  87         </ol>
  88 </div>
  89
  90 <div id="tabs4a">
  91         <ol id="tabs4a-list">
  92                 <li><a href="#tabs4a-1">1</a></li>
  93         </ol>
  94         <ul>
  95                 <li><a href="#tabs4a-1">1</a></li>
  96         </ul>
  97 </div>
  98
  99 <div id="tabs5">
 100         <div>
 101                 <ul id="tabs5-list"></ul>
 102         </div>
 103 </div>
 104
 105 <div id="tabs6">
 106         <ul id="tabs6-list">
 107                 <li><a href="#tabs6-1">1</a>
 108                         <ul>
 109                                 <li><a href="#item6-3">3</a></li>
 110                                 <li><a href="#item6-4">4</a></li>
 111                         </ul>
 112                 </li>
 113                 <li><a href="#tabs6-2">2</a></li>
 114         </ul>
 115         <div id="tabs6-1"></div>
 116         <div id="tabs6-2"></div>
 117 </div>
 118
 119 <div id="tabs7">
 120         <ul id="tabs7-list">
 121                 <li><a href="#tabs7-1">1</a></li>
 122                 <li><a href="#tabs7-2">2</a></li>
 123         </ul>
 124         <div id="tabs7-2"></div>
 125         <div id="tabs7-1"></div>
 126 </div>
 127
 128 <div id="tabs8Wrapper">
 129         <div id="tabs8">
 130                 <ul id="tabs8-list">
 131                         <li><a href="#tabs8-1">1</a></li>
 132                         <li><a href="#tabs8-2">2</a></li>
 133                 </ul>
 134                 <div id="tabs8-1">
 135                         <p>Lorem ipsum</p>
 136                         <p>Lorem ipsum</p>
 137                         <p>Lorem ipsum</p>
 138                 </div>
 139                 <div id="tabs8-2">
 140                         <p>Lorem ipsum</p>
 141                 </div>
 142         </div>
 143 </div>
 144
 145 <div id="tabs9">
 146         <ul>
 147                 <li>not a tab</li>
 148                 <li><a href="#tabs9-1">tab</a></li>
 149         </ul>
 150         <div id="tabs9-1"></div>
 151 </div>
 152
 153 </div>
 154 </body>
 155 </html>