library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Menu tests: Remove anchors from visual test

Browse Source
This commit is contained in:
Kris Borchers 2013-09-22 21:03:46 -05:00
parent 3a61627a50
commit fba5c6f94a
1 changed files with 144 additions and 168 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

312
tests/visual/menu/menu.html
View File

@ -44,171 +44,161 @@
<h2>Default inline menu</h2> <h2>Default inline menu</h2>
<ul id="menu1"> <ul id="menu1">
<li><a href="#">Aberdeen</a></li> <li>Aberdeen</li>
<li><a href="#">Ada</a></li> <li>Ada</li>
<li><a href="#">Adamsville</a></li> <li>Adamsville</li>
<li><a href="#">Addyston</a></li> <li>Addyston</li>
<li><a href="#">Delphi</a></li> <li>Delphi</li>
<li><a href="#">Saarland</a></li> <li>Saarland</li>
<li><a href="#">Salzburg</a></li> <li>Salzburg</li>
</ul> </ul>
<h2>Inline with disabled items and submenus</h2> <h2>Inline with disabled items and submenus</h2>
<ul id="menu2"> <ul id="menu2">
<li class="ui-state-disabled"><a href="#">Aberdeen</a></li> <li class="ui-state-disabled">Aberdeen</li>
<li><a href="#">Ada</a></li> <li>Ada</li>
<li><a href="#">Adamsville</a></li> <li>Adamsville</li>
<li><a href="#">Addyston</a></li> <li>Addyston</li>
<li> <li>Delphi
<a href="#">Delphi</a>
<ul> <ul>
<li class="ui-state-disabled"><a href="#">Ada</a></li> <li class="ui-state-disabled">Ada</li>
<li><a href="#">Saarland</a></li> <li>Saarland</li>
<li><a href="#">Salzburg</a></li> <li>Salzburg</li>
</ul> </ul>
</li> </li>
<li><a href="#">Saarland</a></li> <li>Saarland</li>
<li> <li>Salzburg
<a href="#">Salzburg</a>
<ul> <ul>
<li> <li>Delphi
<a href="#">Delphi</a>
<ul> <ul>
<li><a href="#">Ada</a></li> <li>Ada</li>
<li><a href="#">Saarland</a></li> <li>Saarland</li>
<li><a href="#">Salzburg</a></li> <li>Salzburg</li>
</ul> </ul>
</li> </li>
<li> <li>Delphi
<a href="#">Delphi</a>
<ul> <ul>
<li><a href="#">Ada</a></li> <li>Ada</li>
<li><a href="#">Saarland</a></li> <li>Saarland</li>
<li><a href="#">Salzburg</a></li> <li>Salzburg</li>
</ul> </ul>
</li> </li>
<li><a href="#">Perch</a></li> <li>Perch</li>
</ul> </ul>
</li> </li>
<li class="ui-state-disabled"><a href="#">Amesville</a></li> <li class="ui-state-disabled">Amesville</li>
</ul> </ul>
<h2>Menu with icons</h2> <h2>Menu with icons</h2>
<ul id="menu3"> <ul id="menu3">
<li><a href="#"><span class="ui-icon ui-icon-print"></span>Aberdeen</a></li> <li><span class="ui-icon ui-icon-print"></span>Aberdeen</li>
<li class="ui-state-disabled"><a href="#"><span class="ui-icon ui-icon-scissors"></span>Ada</a></li> <li class="ui-state-disabled"><span class="ui-icon ui-icon-scissors"></span>Ada</li>
<li><a href="#">Adamsville</a></li> <li>Adamsville</li>
<li><a href="#"><span class="ui-icon ui-icon-wrench"></span>Addyston</a></li> <li><span class="ui-icon ui-icon-wrench"></span>Addyston</li>
<li class="ui-state-disabled"> <li class="ui-state-disabled">Delphi
<a href="#">Delphi</a>
<ul> <ul>
<li><a href="#">Ada</a></li> <li>Ada</li>
<li><a href="#"><span class="ui-icon ui-icon-wrench"></span>Saarland</a></li> <li><span class="ui-icon ui-icon-wrench"></span>Saarland</li>
<li><a href="#">Salzburg</a></li> <li>Salzburg</li>
</ul> </ul>
</li> </li>
<li><a href="#">Saarland</a></li> <li>Saarland</li>
<li> <li>
<a href="#"><span class="ui-icon ui-icon-print"></span>Salzburg</a> <span class="ui-icon ui-icon-print"></span>Salzburg
<ul> <ul>
<li> <li>
<a href="#"><span class="ui-icon ui-icon-wrench"></span>Delphi</a> <span class="ui-icon ui-icon-wrench"></span>Delphi
<ul> <ul>
<li><a href="#">Ada</a></li> <li>Ada</li>
<li><a href="#">Saarland</a></li> <li>Saarland</li>
<li><a href="#">Salzburg</a></li> <li>Salzburg</li>
</ul> </ul>
</li> </li>
<li> <li>Delphi
<a href="#">Delphi</a>
<ul> <ul>
<li><a href="#"><span class="ui-icon ui-icon-wrench"></span>Ada</a></li> <li><span class="ui-icon ui-icon-wrench"></span>Ada</li>
<li><a href="#"><span class="ui-icon ui-icon-wrench"></span>Saarland</a></li> <li><span class="ui-icon ui-icon-wrench"></span>Saarland</li>
<li><a href="#"><span class="ui-icon ui-icon-wrench"></span>Salzburg</a></li> <li><span class="ui-icon ui-icon-wrench"></span>Salzburg</li>
</ul> </ul>
</li> </li>
<li><a href="#">Perch</a></li> <li>Perch</li>
</ul> </ul>
</li> </li>
</ul> </ul>
<h2>Long menu with scroll overflow, to test menu's scroll-on-keypress behaviour</h2> <h2>Long menu with scroll overflow, to test menu's scroll-on-keypress behaviour</h2>
<ul class="menu4"> <ul class="menu4">
<li><a href="#">Aberdeen</a></li> <li>Aberdeen</li>
<li><a href="#">Ada</a></li> <li>Ada</li>
<li><a href="#">Adamsville</a></li> <li>Adamsville</li>
<li><a href="#">Addyston</a></li> <li>Addyston</li>
<li><a href="#">Adelphi</a></li> <li>Adelphi</li>
<li><a href="#">Adena</a></li> <li>Adena</li>
<li><a href="#">Adrian</a></li> <li>Adrian</li>
<li><a href="#">Akron</a></li> <li>Akron</li>
<li><a href="#">Albany</a></li> <li>Albany</li>
<li><a href="#">Alexandria</a></li> <li>Alexandria</li>
<li><a href="#">Alger</a></li> <li>Alger</li>
<li><a href="#">Alledonia</a></li> <li>Alledonia</li>
<li><a href="#">Alliance</a></li> <li>Alliance</li>
<li><a href="#">Alpha</a></li> <li>Alpha</li>
<li><a href="#">Alvada</a></li> <li>Alvada</li>
<li><a href="#">Alvordton</a></li> <li>Alvordton</li>
<li><a href="#">Amanda</a></li> <li>Amanda</li>
<li><a href="#">Amelia</a></li> <li>Amelia</li>
<li><a href="#">Amesville</a></li> <li>Amesville</li>
<li><a href="#">Aberdeen</a></li> <li>Aberdeen</li>
<li><a href="#">Ada</a></li> <li>Ada</li>
<li><a href="#">Adamsville</a></li> <li>Adamsville</li>
<li><a href="#">Addyston</a></li> <li>Addyston</li>
<li><a href="#">Adelphi</a></li> <li>Adelphi</li>
<li><a href="#">Adena</a></li> <li>Adena</li>
<li><a href="#">Adrian</a></li> <li>Adrian</li>
<li><a href="#">Akron</a></li> <li>Akron</li>
<li><a href="#">Albany</a></li> <li>Albany</li>
<li><a href="#">Alexandria</a></li> <li>Alexandria</li>
<li><a href="#">Alger</a></li> <li>Alger</li>
<li><a href="#">Alledonia</a></li> <li>Alledonia</li>
<li><a href="#">Alliance</a></li> <li>Alliance</li>
<li><a href="#">Alpha</a></li> <li>Alpha</li>
<li><a href="#">Alvada</a></li> <li>Alvada</li>
<li><a href="#">Alvordton</a></li> <li>Alvordton</li>
<li><a href="#">Amanda</a></li> <li>Amanda</li>
<li><a href="#">Amelia</a></li> <li>Amelia</li>
<li><a href="#">Amesville</a></li> <li>Amesville</li>
</ul> </ul>
<h2>Menu with custom markup</h2> <h2>Menu with custom markup</h2>
<div id="menu5"> <div id="menu5">
<blockquote><a href="#">Aberdeen</a></blockquote> <blockquote>Aberdeen</blockquote>
<blockquote><a href="#">Ada</a></blockquote> <blockquote>Ada</blockquote>
<blockquote class="ui-state-disabled"><a href="#">Adamsville</a></blockquote> <blockquote class="ui-state-disabled">Adamsville</blockquote>
<blockquote><a href="#">Addyston</a></blockquote> <blockquote>Addyston</blockquote>
<blockquote> <blockquote>Delphi
<a href="#">Delphi</a>
<div> <div>
<blockquote><a href="#">Ada</a></blockquote> <blockquote>Ada</blockquote>
<blockquote><a href="#">Saarland</a></blockquote> <blockquote>Saarland</blockquote>
<blockquote><a href="#">Salzburg</a></blockquote> <blockquote>Salzburg</blockquote>
</div> </div>
</blockquote> </blockquote>
<blockquote><a href="#">Saarland</a></blockquote> <blockquote>Saarland</blockquote>
<blockquote> <blockquote>Salzburg
<a href="#">Salzburg</a>
<div> <div>
<blockquote> <blockquote>Delphi
<a href="#">Delphi</a>
<div> <div>
<blockquote><a href="#">Ada</a></blockquote> <blockquote>Ada</blockquote>
<blockquote><a href="#">Saarland</a></blockquote> <blockquote>Saarland</blockquote>
<blockquote><a href="#">Salzburg</a></blockquote> <blockquote>Salzburg</blockquote>
</div> </div>
</blockquote> </blockquote>
<blockquote> <blockquote>Delphi
<a href="#">Delphi</a>
<div> <div>
<blockquote><a href="#">Ada</a></blockquote> <blockquote>Ada</blockquote>
<blockquote><a href="#">Saarland</a></blockquote> <blockquote>Saarland</blockquote>
<blockquote><a href="#">Salzburg</a></blockquote> <blockquote>Salzburg</blockquote>
</div> </div>
</blockquote> </blockquote>
<blockquote><a href="#">Perch</a></blockquote> <blockquote>Perch</blockquote>
</div> </div>
</blockquote> </blockquote>
</div> </div>
@ -216,93 +206,79 @@
<h2>Menu with custom markup, multi-line items and a custom submenu icon</h2> <h2>Menu with custom markup, multi-line items and a custom submenu icon</h2>
<div class="menuElement" id="menu6"> <div class="menuElement" id="menu6">
<div class="address-item"> <div class="address-item">
<a href="#"> <span class="address-header">John Doe</span>
<span class="address-header">John Doe</span> <span class="address-content">78 West Main St Apt 3A</span>
<span class="address-content">78 West Main St Apt 3A</span> <span class="address-content">Bloomsburg, PA 12345</span>
<span class="address-content">Bloomsburg, PA 12345</span>
</a>
</div> </div>
<div class="address-item"> <div class="address-item">
<a href="#"> <span class="address-header">Jane Doe</span>
<span class="address-header">Jane Doe</span> <span class="address-content">78 West Main St Apt 3A</span>
<span class="address-content">78 West Main St Apt 3A</span> <span class="address-content">Bloomsburg, PA 12345</span>
<span class="address-content">Bloomsburg, PA 12345</span>
</a>
</div> </div>
<div class="address-item ui-state-disabled"> <div class="address-item ui-state-disabled">
<a href="#"> <span class="address-header">James Doe</span>
<span class="address-header">James Doe</span> <span class="address-content">78 West Main St Apt 3A</span>
<span class="address-content">78 West Main St Apt 3A</span> <span class="address-content">Bloomsburg, PA 12345</span>
<span class="address-content">Bloomsburg, PA 12345</span>
</a>
</div> </div>
<div class="address-item"> <div class="address-item">
<a href="#"> <span class="address-header">Jenny Doe</span>
<span class="address-header">Jenny Doe</span> <span class="address-content">78 West Main St Apt 3A</span>
<span class="address-content">78 West Main St Apt 3A</span> <span class="address-content">Bloomsburg, PA 12345</span>
<span class="address-content">Bloomsburg, PA 12345</span>
</a>
</div> </div>
<div class="address-item"> <div class="address-item">
<a href="#"> <span class="address-header">John Doe</span>
<span class="address-header">John Doe</span> <span class="address-content">78 West Main St Apt 3A</span>
<span class="address-content">78 West Main St Apt 3A</span> <span class="address-content">Bloomsburg, PA 12345</span>
<span class="address-content">Bloomsburg, PA 12345</span>
</a>
<div class="menuElement"> <div class="menuElement">
<div><a href="#">Ada</a></div> <div>Ada</div>
<div><a href="#">Saarland</a></div> <div>Saarland</div>
<div><a href="#">Salzburg</a></div> <div>Salzburg</div>
</div> </div>
</div> </div>
</div> </div>
<h2>Inline with dividers and elements without anchors</h2> <h2>Inline with dividers and elements without anchors</h2>
<ul id="menu7"> <ul id="menu7">
<li><strong>Group 1</strong></li> <li class="ui-menu-group"><strong>Group 1</strong></li>
<li><a href="#">Aberdeen</a></li> <li>Aberdeen</li>
<li><a href="#">Ada</a></li> <li>Ada</li>
<li><a href="#">Adamsville</a></li> <li>Adamsville</li>
<li><a href="#">Addyston</a></li> <li>Addyston</li>
<li></li> <li></li>
<li><strong>Group 2</strong></li> <li class="ui-menu-group"><strong>Group 2</strong></li>
<li> <li>Delphi
<a href="#">Delphi</a>
<ul> <ul>
<li><a href="#">Ada</a></li> <li>Ada</li>
<li><a href="#">Saarland</a></li> <li>Saarland</li>
<li><a href="#">Salzburg</a></li> <li>Salzburg</li>
</ul> </ul>
</li> </li>
<li><a href="#">Saarland</a></li> <li>Saarland</li>
<li>---</li> <li>---</li>
<li><strong>Group 3</strong></li> <li class="ui-menu-group"><strong>Group 3</strong></li>
<li> <li>Salzburg
<a href="#">Salzburg</a>
<ul> <ul>
<li> <li>Delphi
<a href="#">Delphi</a>
<ul> <ul>
<li><a href="#">Ada</a></li> <li>Ada</li>
<li> - </li> <li> - </li>
<li><a href="#">Saarland</a></li> <li>Saarland</li>
<li>&mdash;</li> <li>&mdash;</li>
<li><a href="#">Salzburg</a></li> <li>Salzburg</li>
<li>&ndash;</li> <li>&ndash;</li>
</ul> </ul>
</li> </li>
<li> <li>Delphi
<a href="#">Delphi</a>
<ul> <ul>
<li><a href="#">Ada</a></li> <li>Ada</li>
<li><a href="#">Saarland</a></li> <li>Saarland</li>
<li><a href="#">Salzburg</a></li> <li>Salzburg</li>
</ul> </ul>
</li> </li>
<li><a href="#">Perch</a></li> <li>Perch</li>
</ul> </ul>
</li> </li>
<li><a href="#">Amesville</a></li> <li>Amesville</li>
</ul> </ul>
<div style="position: absolute; top: 1em; right: 1em;"> <div style="position: absolute; top: 1em; right: 1em;">