62 lines
1.4 KiB
HTML
62 lines
1.4 KiB
HTML
<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>
|