<!DOCTYPE html>
<html>
<head>
<script>
function debug(str) {
    var c = document.getElementById('console')
    c.appendChild(document.createTextNode(str + '\n'));
}

var i = new Image()
i.src ="resources/webkit-background.png";

function dragStartHandler() {  
    event.dataTransfer.setDragImage(i, 10, 10);
}

</script>
</head>
<body onload="runTests();">
<p>This tests that setting the drag image works. If this is successful, the drag icon when dragging the text below around should look like the image below.</p>
<img src="resources/webkit-background.png">
<div ondragstart="dragStartHandler()" draggable="true">Try dragging me around!</div>
<pre id="console">
</pre>
</body>
</html>