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

   1 <!doctype html>
   2 <html lang="en">
   3 <head>
   4         <meta charset="utf-8">
   5         <title>jQuery UI Menu 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.menu" ],
  15                 js: [
  16                         "ui/jquery.ui.core.js",
  17                         "ui/jquery.ui.widget.js",
  18                         "ui/jquery.ui.menu.js"
  19                 ]
  20         });
  21         </script>
  22
  23         <script src="menu_test_helpers.js"></script>
  24         <script src="menu_common.js"></script>
  25         <script src="menu_core.js"></script>
  26         <script src="menu_events.js"></script>
  27         <script src="menu_methods.js"></script>
  28         <script src="menu_options.js"></script>
  29
  30         <script src="../swarminject.js"></script>
  31         <style>
  32         .ui-menu {
  33                 font-size: 15px;
  34         }
  35         #menu3 {
  36                 height: 250px;
  37                 overflow: auto;
  38         }
  39         #menu4, #menu4 ul {
  40                 height: 250px;
  41                 overflow: auto;
  42         }
  43         </style>
  44 </head>
  45 <body>
  46
  47 <div id="qunit">jQuery UI Menu Test Suite</div>
  48 <div id="qunit-fixture">
  49
  50 <ul class="foo" id="menu1">
  51         <li class="foo"><a class="foo" href="#">Aberdeen</a></li>
  52         <li class="foo"><a class="foo" href="#">Ada</a></li>
  53         <li class="foo"><a class="foo" href="#">Adamsville</a></li>
  54         <li class="foo"><a id="testID1" class="foo" href="#">Addyston</a></li>
  55         <li class="foo"><a class="foo" href="#">Adelphi</a></li>
  56 </ul>
  57
  58 <ul id="menu2">
  59         <li class="foo"><a class="foo" href="#">Aberdeen</a></li>
  60         <li class="foo"><a class="foo" href="#">Ada</a></li>
  61         <li class="foo"><a class="foo" href="#">Adamsville</a></li>
  62         <li class="foo"><a class="foo" href="#"><span class="ui-icon ui-icon-print"></span>Addyston</a></li>
  63         <li>
  64                 <a href="#">Delphi</a>
  65                 <ul>
  66                         <li class="foo"><a class="foo" href="#">Ada</a></li>
  67                         <li class="foo"><a class="foo" href="#">Saarland</a></li>
  68                         <li class="foo"><a class="foo" href="#">Salzburg</a></li>
  69                 </ul>
  70         </li>
  71         <li class="foo"><a class="foo" href="#">Saarland</a></li>
  72         <li>
  73                 <a href="#">Salzburg</a>
  74                 <ul>
  75                         <li>
  76                                 <a href="#">Delphi</a>
  77                                 <ul>
  78                                         <li class="foo"><a class="foo" href="#">Ada</a></li>
  79                                         <li class="foo"><a class="foo" href="#">Saarland</a></li>
  80                                         <li class="foo"><a class="foo" href="#">Salzburg</a></li>
  81                                 </ul>
  82                         </li>
  83                         <li>
  84                                 <a href="#">Delphi</a>
  85                                 <ul>
  86                                         <li class="foo"><a class="foo" href="#">Ada</a></li>
  87                                         <li> - </li>
  88                                         <li class="foo"><a class="foo" href="#">Saarland</a></li>
  89                                         <li></li>
  90                                         <li class="foo"><a class="foo" href="#">Salzburg</a></li>
  91                                         <li>&ndash;</li>
  92                                 </ul>
  93                         </li>
  94                         <li class="foo"><a class="foo" href="#">Perch</a></li>
  95                 </ul>
  96         </li>
  97 </ul>
  98
  99 <ul class="foo" id="menu3">
 100         <li class="foo"><a class="foo" href="#">Aberdeen</a></li>
 101         <li class="foo"><a class="foo" href="#">Ada</a></li>
 102         <li class="foo"><a class="foo" href="#">Adamsville</a></li>
 103         <li class="foo"><a class="foo" href="#">Addyston</a></li>
 104         <li class="foo"><a class="foo" href="#">Adelphi</a></li>
 105         <li class="foo"><a class="foo" href="#">Adena</a></li>
 106         <li class="foo"><a class="foo" href="#">Adrian</a></li>
 107         <li class="foo"><a class="foo" href="#">Akron</a></li>
 108         <li class="foo"><a class="foo" href="#">Albany</a></li>
 109         <li class="foo"><a class="foo" href="#">Alexandria</a></li>
 110         <li class="foo"><a class="foo" href="#">Alger</a></li>
 111         <li class="foo"><a class="foo" href="#">Alledonia</a></li>
 112         <li class="foo"><a class="foo" href="#">Alliance</a></li>
 113         <li class="foo"><a class="foo" href="#">Alpha</a></li>
 114         <li class="foo"><a class="foo" href="#">Alvada</a></li>
 115         <li class="foo"><a class="foo" href="#">Alvordton</a></li>
 116         <li class="foo"><a class="foo" href="#">Amanda</a></li>
 117         <li class="foo"><a class="foo" href="#">Amelia</a></li>
 118         <li class="foo"><a class="foo" href="#">Amesville</a></li>
 119         <li class="foo"><a class="foo" href="#">Aberdeen</a></li>
 120         <li class="foo"><a class="foo" href="#">Ada</a></li>
 121         <li class="foo"><a class="foo" href="#">Adamsville</a></li>
 122         <li class="foo"><a class="foo" href="#">Addyston</a></li>
 123         <li class="foo"><a class="foo" href="#">Adelphi</a></li>
 124         <li class="foo"><a class="foo" href="#">Adena</a></li>
 125         <li class="foo"><a class="foo" href="#">Adrian</a></li>
 126         <li class="foo"><a class="foo" href="#">Akron</a></li>
 127         <li class="foo"><a class="foo" href="#">Albany</a></li>
 128         <li class="foo"><a class="foo" href="#">Alexandria</a></li>
 129         <li class="foo"><a class="foo" href="#">Alger</a></li>
 130         <li class="foo"><a class="foo" href="#">Alledonia</a></li>
 131         <li class="foo"><a class="foo" href="#">Alliance</a></li>
 132         <li class="foo"><a class="foo" href="#">Alpha</a></li>
 133         <li class="foo"><a class="foo" href="#">Alvada</a></li>
 134         <li class="foo"><a class="foo" href="#">Alvordton</a></li>
 135         <li class="foo"><a class="foo" href="#">Amanda</a></li>
 136         <li class="foo"><a class="foo" href="#">Amelia</a></li>
 137         <li class="foo"><a class="foo" href="#">Amesville</a></li>
 138 </ul>
 139
 140 <ul class="foo" id="menu4">
 141         <li class="foo"><a class="foo" href="#">Aberdeen</a></li>
 142         <li class="foo">
 143                 <a class="foo" href="#">Ada</a>
 144                 <ul class="foo">
 145                         <li class="foo"><a class="foo" href="#">Aberdeen</a></li>
 146                         <li class="foo"><a class="foo" href="#">Ada</a></li>
 147                         <li class="foo"><a class="foo" href="#">Adamsville</a></li>
 148                         <li class="foo"><a class="foo" href="#">Addyston</a></li>
 149                         <li class="foo"><a class="foo" href="#">Adelphi</a></li>
 150                         <li class="foo"><a class="foo" href="#">Adena</a></li>
 151                         <li class="foo"><a class="foo" href="#">Adrian</a></li>
 152                         <li class="foo"><a class="foo" href="#">Akron</a></li>
 153                         <li class="foo"><a class="foo" href="#">Albany</a></li>
 154                         <li class="foo"><a class="foo" href="#">Alexandria</a></li>
 155                         <li class="foo"><a class="foo" href="#">Alger</a></li>
 156                         <li class="foo"><a class="foo" href="#">Alledonia</a></li>
 157                         <li class="foo"><a class="foo" href="#">Alliance</a></li>
 158                         <li class="foo"><a class="foo" href="#">Alpha</a></li>
 159                         <li class="foo"><a class="foo" href="#">Alvada</a></li>
 160                         <li class="foo"><a class="foo" href="#">Alvordton</a></li>
 161                         <li class="foo"><a class="foo" href="#">Amanda</a></li>
 162                         <li class="foo"><a class="foo" href="#">Amelia</a></li>
 163                         <li class="foo"><a class="foo" href="#">Amesville</a></li>
 164                         <li class="foo"><a class="foo" href="#">Aberdeen</a></li>
 165                         <li class="foo"><a class="foo" href="#">Ada</a></li>
 166                         <li class="foo"><a class="foo" href="#">Adamsville</a></li>
 167                         <li class="foo"><a class="foo" href="#">Addyston</a></li>
 168                         <li class="foo"><a class="foo" href="#">Adelphi</a></li>
 169                         <li class="foo"><a class="foo" href="#">Adena</a></li>
 170                         <li class="foo"><a class="foo" href="#">Adrian</a></li>
 171                         <li class="foo"><a class="foo" href="#">Akron</a></li>
 172                         <li class="foo"><a class="foo" href="#">Albany</a></li>
 173                 </ul>
 174         </li>
 175         <li class="foo"><a class="foo" href="#">Adamsville</a></li>
 176         <li class="foo"><a class="foo" href="#">Addyston</a></li>
 177         <li class="foo"><a class="foo" href="#">Adelphi</a></li>
 178         <li class="foo"><a class="foo" href="#">Adena</a></li>
 179         <li class="foo"><a class="foo" href="#">Adrian</a></li>
 180         <li class="foo"><a class="foo" href="#">Akron</a></li>
 181         <li class="foo"><a class="foo" href="#">Albany</a></li>
 182         <li class="foo"><a class="foo" href="#">Alexandria</a></li>
 183         <li class="foo"><a class="foo" href="#">Alger</a></li>
 184         <li class="foo"><a class="foo" href="#">Alledonia</a></li>
 185         <li class="foo"><a class="foo" href="#">Alliance</a></li>
 186         <li class="foo"><a class="foo" href="#">Alpha</a></li>
 187         <li class="foo"><a class="foo" href="#">Alvada</a></li>
 188         <li class="foo"><a class="foo" href="#">Alvordton</a></li>
 189         <li class="foo"><a class="foo" href="#">Amanda</a></li>
 190         <li class="foo"><a class="foo" href="#">Amelia</a></li>
 191         <li class="foo"><a class="foo" href="#">Amesville</a></li>
 192         <li class="foo"><a class="foo" href="#">Aberdeen</a></li>
 193         <li class="foo"><a class="foo" href="#">Ada</a></li>
 194         <li class="foo"><a class="foo" href="#">Adamsville</a></li>
 195         <li class="foo"><a class="foo" href="#">Addyston</a></li>
 196         <li class="foo"><a class="foo" href="#">Adelphi</a></li>
 197         <li class="foo"><a class="foo" href="#">Adena</a></li>
 198         <li class="foo"><a class="foo" href="#">Adrian</a></li>
 199         <li class="foo"><a class="foo" href="#">Akron</a></li>
 200         <li class="foo"><a class="foo" href="#">Albany</a></li>
 201         <li class="foo"><a class="foo" href="#">Alexandria</a></li>
 202         <li class="foo"><a class="foo" href="#">Alger</a></li>
 203         <li class="foo"><a class="foo" href="#">Alledonia</a></li>
 204         <li class="foo"><a class="foo" href="#">Alliance</a></li>
 205         <li class="foo"><a class="foo" href="#">Alpha</a></li>
 206         <li class="foo"><a class="foo" href="#">Alvada</a></li>
 207         <li class="foo"><a class="foo" href="#">Alvordton</a></li>
 208         <li class="foo"><a class="foo" href="#">Amanda</a></li>
 209         <li class="foo"><a class="foo" href="#">Amelia</a></li>
 210         <li class="foo"><a class="foo" href="#">Amesville</a></li>
 211 </ul>
 212
 213 <div id="menu5">
 214         <blockquote><a href="#">Aberdeen</a></blockquote>
 215         <blockquote><a href="#">Ada</a></blockquote>
 216         <blockquote><a href="#">Adamsville</a></blockquote>
 217         <blockquote><a href="#">Addyston</a></blockquote>
 218         <blockquote>
 219                 <a href="#">Delphi</a>
 220                 <div>
 221                         <blockquote><a href="#">Ada</a></blockquote>
 222                         <blockquote><a href="#">Saarland</a></blockquote>
 223                         <blockquote><a href="#">Salzburg</a></blockquote>
 224                 </div>
 225         </blockquote>
 226         <blockquote><a href="#">Saarland</a></blockquote>
 227         <blockquote>
 228                 <a href="#">Salzburg</a>
 229                 <div>
 230                         <blockquote>
 231                                 <a href="#">Delphi</a>
 232                                 <div>
 233                                         <blockquote><a href="#">Ada</a></blockquote>
 234                                         <blockquote><a id="testID2" href="#">Saarland</a></blockquote>
 235                                         <blockquote><a href="#">Salzburg</a></blockquote>
 236                                 </div>
 237                         </blockquote>
 238                         <blockquote>
 239                                 <a href="#">Delphi</a>
 240                                 <div>
 241                                         <blockquote><a href="#">Ada</a></blockquote>
 242                                         <blockquote><a href="#">Saarland</a></blockquote>
 243                                         <blockquote><a href="#">Salzburg</a></blockquote>
 244                                 </div>
 245                         </blockquote>
 246                         <blockquote><a href="#">Perch</a></blockquote>
 247                 </div>
 248         </blockquote>
 249 </div>
 250
 251 <ul id="menu6">
 252         <li class="foo"><a class="foo" href="#">Aberdeen</a></li>
 253         <li class="foo ui-state-disabled"><a class="foo" href="#">Ada</a></li>
 254         <li class="foo"><a class="foo" href="#">Adamsville</a></li>
 255         <li class="foo"><a class="foo" href="#">Addyston</a></li>
 256         <li class="ui-state-disabled">
 257                 <a id="testID3" href="#">Delphi</a>
 258                 <ul>
 259                         <li class="foo"><a class="foo" href="#">Ada</a></li>
 260                         <li class="foo"><a class="foo" href="#">Saarland</a></li>
 261                         <li class="foo"><a class="foo" href="#">Salzburg</a></li>
 262                 </ul>
 263         </li>
 264         <li class="foo"><a class="foo" href="#">Saarland</a></li>
 265 </ul>
 266
 267 </div>
 268 </body>
 269 </html>