blob: 9c96befb6ffa393c6f795d229f0814ed1881e36f [file] [log] [blame]
<!DOCTYPE HTML>
<script src="../../../resources/js-test.js"></script>
<style>
div.box {
margin: 10px;
padding: 50px;
float: left;
}
</style>
<div id="target" class="box" style="background-color:green;">
</div>
<div id="console"></div>
<script>
description("Verifies the effect of pointer event prevent-default on pointerdown & mouse/pen events.");
var mouseEventList = ["mousedown", "mouseup", "mouseenter", "mouseleave", "mouseover", "mouseout", "mousemove"];
var pointerEventList = ["pointerdown", "pointerup", "pointerenter", "pointerleave", "pointerover", "pointerout", "pointermove"];
var eventPointerTypeToPreventDefault = "";
var eventIsPrimaryToPreventDefault = false;
var seqNo = 0;
var rect = document.getElementById("target").getBoundingClientRect();
var x1 = rect.left - 3;
var y1 = rect.top - 5;
var x2 = rect.left + 3;
var y2 = rect.top + 5;
function init() {
var targetDiv = document.getElementById("target");
mouseEventList.forEach(function(eventName) {
targetDiv.addEventListener(eventName, function(event) {
debug(++seqNo + ". target received " + event.type);
});
});
pointerEventList.forEach(function(eventName) {
targetDiv.addEventListener(eventName, function(event) {
var preventDefaultMsg = "";
if (event.type == "pointerdown"
&& event.pointerType == eventPointerTypeToPreventDefault
&& event.isPrimary == eventIsPrimaryToPreventDefault) {
event.preventDefault();
preventDefaultMsg = ", prevented default";
}
debug(++seqNo + ". target received " + event.type + ' ' + (event.isPrimary? 'primary ':'non-primary ') + event.pointerType + preventDefaultMsg);
});
});
}
function testScenario(pointerType, isPrimary) {
seqNo = 0;
eventPointerTypeToPreventDefault = pointerType;
eventIsPrimaryToPreventDefault = isPrimary;
debug("--- test with preventDefault on " + (isPrimary? "primary ":"non-primary ") + pointerType + " ---");
debug("- start with mouse, primary pen and non-primary pen outside target -");
eventSender.mouseMoveTo(x1, y1);
eventSender.mouseMoveTo(x1, y1, [], "pen", 0);
eventSender.mouseMoveTo(x1, y1, [], "pen", 1);
eventSender.mouseDown(0);
eventSender.mouseUp(0);
debug("- move mouse into target & press -");
eventSender.mouseMoveTo(x2, y2);
eventSender.mouseDown(1);
debug("- move primary pen into target & press -");
eventSender.mouseMoveTo(x2+1, y2+1, [], "pen", 0);
eventSender.mouseDown(1, [], "pen", 0);
debug("- move non-primary pen into target & press -");
eventSender.mouseMoveTo(x2+2, y2+2, [], "pen", 1);
eventSender.mouseDown(1, [], "pen", 1);
debug("- jiggle mouse in target -");
eventSender.mouseMoveTo(x2+3, y2+3);
debug("- jiggle non-primary pen in target -");
eventSender.mouseMoveTo(x2+5, y2+5, [], "pen", 1);
debug("- jiggle primary pen in target -");
eventSender.mouseMoveTo(x2+4, y2+4, [], "pen", 0);
debug("- release mouse -");
eventSender.mouseUp(1);
debug("- release non-primary pen -");
eventSender.mouseUp(1, [], "pen", 1);
debug("- release primary pen -");
eventSender.mouseUp(1, [], "pen", 0);
debug("");
}
function runTests() {
testScenario("none", false);
testScenario("mouse", true);
testScenario("pen", true);
testScenario("pen", false);
}
init();
if (window.eventSender)
runTests();
else
debug("This test requires eventSender");
</script>