blob: e4a3e5666f92acdcbc9e440ac09eb73b4624c4ed [file] [log] [blame]
<!DOCTYPE html>
<html>
<body>
<p>This test ensures selectstart is fired when selection is created by arrow keys.</p>
If running this test manually, click on div ("Hello World") element and try to select the text using arrow keys.<br>
Expected result : SelectStart event will fire when user starts extending selection.<br>
<div id="test" contenteditable>Hello World</div>
<script>
var selectStartCount = 0;
var div = document.getElementById('test');
div.addEventListener('selectstart', function (event) { selectStartCount++; });
div.focus();
if (window.testRunner) {
testRunner.dumpAsText();
logResult('Initial state', 0);
eventSender.keyDown("rightArrow");
logResult('Check (Right arrow)', 0);
eventSender.keyDown("rightArrow", ["shiftKey"]);
logResult('Check (Right arrow + Shift)', 1);
if (navigator.platform.indexOf('Mac') == 0)
eventSender.keyDown("rightArrow", ["shiftKey"], ["altKey"]);
else
eventSender.keyDown("rightArrow", ["shiftKey"], ["ctrlKey"]);
logResult('Check (Right arrow + Shift + Control)', 1);
eventSender.keyDown("end", ["shiftKey"]);
logResult('Check (End + Shift)', 1);
eventSender.keyDown("home", ["shiftKey"]);
logResult('Check (Home + Shift)', 1);
eventSender.keyDown("end", ["shiftKey"]);
logResult('Check (End + Shift)', 1);
// On Mac, home/end doesn't move caret so manually select " World".
if (navigator.platform.indexOf('Mac') == 0)
window.getSelection().setBaseAndExtent(div.firstChild, div.textContent.indexOf('World'), div.firstChild, div.textContent.indexOf('World') + 5);
eventSender.keyDown("leftArrow");
logResult('Check (Left arrow)', 1);
if (navigator.platform.indexOf('Mac') == 0)
eventSender.keyDown("leftArrow", ["shiftKey"], ["altKey"]);
else
eventSender.keyDown("leftArrow", ["shiftKey"], ["ctrlKey"]);
logResult('Check (LeftArrow + Shift + Control)', 2);
eventSender.keyDown("leftArrow", ["shiftKey"]);
logResult('Check (Left arrow + Shift)', 2);
eventSender.keyDown("end", ["shiftKey"]);
logResult('Check (Home + Shift)', 2);
eventSender.keyDown("home", ["ctrlKey"]);
logResult('Check (Home + Control)', 2);
}
document.write("Done.")
function logResult(title, expectedCount) {
document.write(title + ': ');
if (selectStartCount != expectedCount)
document.write('FAIL - expected ' + expectedCount + ' events but got ' + selectStartCount + ' events');
else
document.write('PASS');
document.write('<br>');
}
</script>
</body>
</html>