blob: 270ec05c676c22b1ae7ab947c7718d8c8cadda8f [file] [log] [blame]
<html>
<head>
<style type="text/css">
.bookmark {
background-image:url(resources/bookmark.gif);
text-indent:-1000px;
display:block;
height:25px;
width:80px;
}
</style>
</head>
<script>
var dragStarted = false;
window.ondragstart = function() {
dragStarted = true;
}
window.ondragend = function() {
if (!window.testRunner)
return;
if (dragStarted) {
document.getElementById('results').innerHTML = 'Test passed.';
}
}
function test() {
if (!window.testRunner)
return;
if (!window.eventSender)
return;
document.getElementById('results').innerHTML = 'Test failed.';
testRunner.dumpAsText();
testRunner.waitUntilDone();
var testBookmark = document.getElementById('testBookmark');
var x = testBookmark.offsetLeft + testBookmark.offsetWidth / 2;
var y = testBookmark.offsetTop + testBookmark.offsetHeight / 2;
eventSender.mouseMoveTo(x, y);
eventSender.mouseDown();
eventSender.mouseMoveTo(x + 100, y + 100);
eventSender.mouseUp();
testRunner.notifyDone();
}
</script>
<body onload="test()">
<p>This tests a parent node (has child nodes) is draggable.
You should be able to drag the bookmark image below and drop it to bookmarks bar.
</p>
<a id="testBookmark" href="http://testbookmark" title="Bookmark" class="bookmark">Bookmark</a>
<br>
<div id="results"></div>
</body>
</html>