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

sortable visual test: Updated #4088 test page to match visual TEST/ASSERT format

Browse Source
This commit is contained in:
Richard Worth 2009-02-07 17:33:52 +00:00
parent 849ed445c0
commit 1e6858cc32
1 changed files with 24 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
tests/visual/sortable/sortable_ticket_4088.html
View File

@ -1,12 +1,12 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<title>jQuery UI Sortable - Connected With Droppable</title> <title>jQuery UI Sortable - Sortable ticket 4088</title>
<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> <link type="text/css" href="../../../themes/base/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.3.1.js"></script> <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script> <script type="text/javascript" src="../../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.sortable.js"></script> <script type="text/javascript" src="../../../ui/ui.sortable.js"></script>
<script type="text/javascript" src="../../ui/ui.droppable.js"></script> <script type="text/javascript" src="../../../ui/ui.droppable.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" /> <link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css"> <style type="text/css">
#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; } #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
@ -36,29 +36,31 @@
</script> </script>
</head> </head>
<body> <body>
<div class="demo">
<h1>
Ticket <a href="http://dev.jqueryui.com/ticket/4088">#4088</a> - Unable to remove() ui.draggable (sortable item) immediately after the drop callback.
</h2>
<h2>
TEST: Drag 'Special Item' to the div labelled 'Drop here'
</h2>
<h2>
TEST: Drag a 'Normal Item' to the div labelled 'Drop here'
</h2>
<ul id="sortable"> <ul id="sortable">
<li class="ui-state-default" id="special"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1 - I am special! I will be removed when I'm dropped.</li> <li class="ui-state-default" id="special"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Special Item</li>
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li> <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Normal Item 1</li>
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li> <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Normal Item 2</li>
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li> <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Normal Item 3</li>
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li>
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li>
</ul> </ul>
<div id="trash" class="ui-widget-content ui-state-default"> <div id="trash" class="ui-widget-content ui-state-default">
<h4 class="ui-widget-header"><span class="ui-icon ui-icon-trash">Trash</span> Drop us here</h4> <h4 class="ui-widget-header"><span class="ui-icon ui-icon-trash">Trash</span> Drop here</h4>
</div> </div>
</div><!-- End demo --> <h3>
ASSERT: The dropped item is removed from the original list and the following text does not appear: "<strong>I was dropped and removed, but still here I am!</strong>"
<div class="demo-description"> </h3>
<p>This is a testcase for <a href="http://dev.jqueryui.com/ticket/4088">#4088</a>. Burn after resolving.</p>
</div><!-- End demo-description -->
</body> </body>
</html> </html>