54 lines
1.8 KiB
HTML
54 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script>
|
|
function log(str)
|
|
{
|
|
var result = document.getElementById('result');
|
|
result.appendChild(document.createTextNode(str));
|
|
result.appendChild(document.createElement('br'));
|
|
}
|
|
function dragNowhere(element)
|
|
{
|
|
eventSender.mouseMoveTo(element.offsetLeft + element.offsetWidth / 2,
|
|
element.offsetTop + element.offsetHeight / 2);
|
|
eventSender.mouseDown();
|
|
eventSender.leapForward(100);
|
|
eventSender.mouseMoveTo(element.offsetLeft + 1, element.offsetHeight + 1);
|
|
eventSender.mouseUp();
|
|
}
|
|
window.onload = function()
|
|
{
|
|
if (!window.testRunner)
|
|
return;
|
|
testRunner.dumpAsText();
|
|
|
|
log('Starting test...');
|
|
log(window.getSelection().rangeCount + ' range(s) selected');
|
|
log('Dragging image in non-editable area...');
|
|
dragNowhere(document.getElementById('imageOne'));
|
|
log(window.getSelection().rangeCount + ' range(s) selected');
|
|
log('Dragging image in editable area...');
|
|
dragNowhere(document.getElementById('imageTwo'));
|
|
log(window.getSelection().rangeCount + ' range(s) selected');
|
|
if (window.getSelection().rangeCount && window.getSelection().containsNode(document.getElementById('imageTwo')))
|
|
log('imageTwo is selected');
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<h3>Non-editable area</h3>
|
|
<img id="imageOne" src="resources/abe.png">
|
|
</div>
|
|
<div contenteditable="true">
|
|
<h3>Editable area</h3>
|
|
<img id="imageTwo" src="resources/onload-image.png">
|
|
</div>
|
|
<p>This tests that images are properly left selected or unselected when an image drag is started.
|
|
Only the image in the editable area should be selected when an image drag is started.
|
|
<div id="result">
|
|
</div>
|
|
</body>
|
|
</html>
|