<!DOCTYPE html>
<script src="../../resources/ahem.js"></script>
<script>
onload = function() {
if (!window.testRunner)
return;
testRunner.dumpDragImage();
iframe.contentWindow.getSelection().selectAllChildren(iframe.contentDocument.body);
var x = iframe.offsetLeft + iframe.offsetWidth / 2;
var y = iframe.offsetTop + iframe.offsetHeight / 2;
eventSender.dragMode = true;
eventSender.mouseMoveTo(x, y);
eventSender.mouseDown();
eventSender.leapForward(200);
eventSender.mouseMoveTo(x + 50, y + 50);
eventSender.mouseUp();
}
</script>
<iframe id="iframe" style="position: absolute; top: 200px; left: 300px; width: 300px; height: 200px; border: none"
srcdoc="
<!DOCTYPE html>
<style>
body {
color: green;
font: 25px/1 Ahem;
}
</style>
To run this test manually, select some text and drag it around. The dragged text should be clipped in the same way as the original text.">
</iframe>