63 lines
2.2 KiB
HTML
63 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<body>
|
|
<p>This test ensures selectstart is fired exactly once when selecting text by a mouse drag.
|
|
</p><span style='font-size: 50px; padding: 10px;'>hello world</span><pre><script>
|
|
|
|
var span = document.getElementsByTagName('span')[0];
|
|
span.focus();
|
|
|
|
var selectStartCount = 0;
|
|
span.addEventListener('selectstart', function (event) { selectStartCount++; });
|
|
|
|
function expect(title, expectedCount, expectedType, expectedString) {
|
|
document.write(title + ': ');
|
|
var actualSelectionType = window.getSelection().isCollapsed ? 'caret' : 'range';
|
|
var actualString = window.getSelection().toString().trim();
|
|
|
|
if (selectStartCount != expectedCount)
|
|
document.writeln('FAIL - expected ' + expectedCount + ' events but got ' + selectStartCount + ' events');
|
|
else if (actualSelectionType != expectedType)
|
|
document.writeln('FAIL - expected selection to be ' + expectedType + ' but was ' + actualSelectionType);
|
|
else if (actualString && actualString != expectedString)
|
|
document.writeln('FAIL - expected selection to be "' + expectedString + '" but was "' + actualString + '"');
|
|
else
|
|
document.writeln('PASS');
|
|
}
|
|
|
|
if (window.testRunner && !window.eventSender)
|
|
document.write('This test requires eventSender');
|
|
else if (window.testRunner) {
|
|
testRunner.dumpAsText();
|
|
|
|
var y = span.offsetTop + span.offsetHeight / 2;
|
|
expect('Initial state', 0, 'caret');
|
|
eventSender.mouseMoveTo(span.offsetLeft + 5, y);
|
|
eventSender.mouseDown();
|
|
expect('Mouse down', 1, 'caret');
|
|
eventSender.leapForward(200);
|
|
eventSender.mouseUp();
|
|
expect('Mouse up', 1, 'caret');
|
|
|
|
eventSender.leapForward(200);
|
|
eventSender.mouseDown();
|
|
expect('Second mouse down', 2, 'range', 'hello');
|
|
eventSender.leapForward(200);
|
|
eventSender.mouseUp();
|
|
expect('Second mouse up', 2, 'range', 'hello');
|
|
|
|
eventSender.leapForward(200);
|
|
eventSender.mouseDown();
|
|
expect('Third mouse down', 3, 'range', 'hello world');
|
|
eventSender.leapForward(200);
|
|
eventSender.mouseUp();
|
|
expect('Third mouse up', 3, 'range', 'hello world');
|
|
|
|
document.writeln('Done.');
|
|
span.parentNode.removeChild(span);
|
|
}
|
|
|
|
</script></pre>
|
|
</body>
|
|
</html>
|