2015-06-17 08:54:00 +03:00
|
|
|
<!DOCTYPE HTML>
|
|
|
|
|
<html>
|
|
|
|
|
<!--
|
|
|
|
|
https://bugzilla.mozilla.org/show_bug.cgi?id=1162990
|
|
|
|
|
-->
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<title>Test for Bug 1162990</title>
|
|
|
|
|
<meta name="author" content="Maksim Lebedev" />
|
|
|
|
|
<script type="application/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
|
|
|
|
|
<style>
|
|
|
|
|
div#basket {
|
|
|
|
|
background: red;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
margin: 10px;
|
|
|
|
|
}
|
|
|
|
|
div#target {
|
|
|
|
|
background: lightgreen;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
margin: 10px;
|
|
|
|
|
}
|
|
|
|
|
div#child {
|
|
|
|
|
background: lightblue;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
margin: 10px;
|
|
|
|
|
}
|
|
|
|
|
div#listener {
|
|
|
|
|
background: yellow;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
margin: 10px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<script type="application/javascript">
|
|
|
|
|
var basket;
|
|
|
|
|
var target;
|
|
|
|
|
var child;
|
|
|
|
|
var listener;
|
|
|
|
|
|
|
|
|
|
var test_basketLeave = 0;
|
|
|
|
|
var test_targetGotCapture = 0;
|
|
|
|
|
var test_targetLostCapture = 0;
|
|
|
|
|
var test_targetLeave = 0;
|
|
|
|
|
var test_childLeave = 0;
|
|
|
|
|
var test_listenerDown = 0;
|
|
|
|
|
var test_listenerLeave = 0;
|
|
|
|
|
|
|
|
|
|
function basketLeaveHandler(event) {
|
|
|
|
|
logger("basket: " + event.type);
|
|
|
|
|
test_basketLeave++;
|
|
|
|
|
}
|
|
|
|
|
function targetGotHandler(event) {
|
|
|
|
|
logger("target: " + event.type);
|
|
|
|
|
test_targetGotCapture++;
|
|
|
|
|
}
|
|
|
|
|
function targetLostHandler(event) {
|
|
|
|
|
logger("target: " + event.type);
|
|
|
|
|
test_targetLostCapture++;
|
|
|
|
|
}
|
|
|
|
|
function targetLeaveHandler(event) {
|
|
|
|
|
logger("target: " + event.type);
|
|
|
|
|
test_targetLeave++;
|
|
|
|
|
}
|
|
|
|
|
function childLeaveHandler(event) {
|
|
|
|
|
logger("child: " + event.type);
|
|
|
|
|
test_childLeave++;
|
|
|
|
|
}
|
|
|
|
|
function listenerDownHandler(event) {
|
|
|
|
|
logger("listener: " + event.type);
|
|
|
|
|
target.setPointerCapture(event.pointerId);
|
|
|
|
|
test_listenerDown++;
|
|
|
|
|
}
|
|
|
|
|
function listenerLeaveHandler(event) {
|
|
|
|
|
logger("listener: " + event.type);
|
|
|
|
|
test_listenerLeave++;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function prepareTest() {
|
|
|
|
|
parent.turnOnPointerEvents(executeTest);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function setEventHandlers() {
|
|
|
|
|
basket = document.getElementById("basket");
|
|
|
|
|
target = document.getElementById("target");
|
|
|
|
|
child = document.getElementById("child");
|
|
|
|
|
listener = document.getElementById("listener");
|
|
|
|
|
|
2017-01-17 13:50:25 +03:00
|
|
|
basket.addEventListener("pointerleave", basketLeaveHandler);
|
|
|
|
|
target.addEventListener("gotpointercapture", targetGotHandler);
|
|
|
|
|
target.addEventListener("lostpointercapture", targetLostHandler);
|
|
|
|
|
target.addEventListener("pointerleave", targetLeaveHandler);
|
|
|
|
|
child.addEventListener("pointerleave", childLeaveHandler);
|
|
|
|
|
listener.addEventListener("pointerdown", listenerDownHandler);
|
|
|
|
|
listener.addEventListener("pointerleave", listenerLeaveHandler);
|
2015-06-17 08:54:00 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function executeTest()
|
|
|
|
|
{
|
|
|
|
|
logger("executeTest");
|
|
|
|
|
setEventHandlers();
|
|
|
|
|
var rectCd = child.getBoundingClientRect();
|
|
|
|
|
var rectLr = listener.getBoundingClientRect();
|
2017-11-24 02:50:12 +03:00
|
|
|
synthesizeMouse(listener, rectLr.width/3, rectLr.height/2, {type: "mousedown"});
|
|
|
|
|
synthesizeMouse(child, rectCd.width/3, rectCd.height/2, {type: "mousemove"});
|
|
|
|
|
synthesizeMouse(listener, rectLr.width/3, rectLr.height/2, {type: "mousemove"});
|
|
|
|
|
synthesizeMouse(child, rectCd.width/3, rectCd.height/2, {type: "mousemove"});
|
|
|
|
|
synthesizeMouse(listener, rectLr.width/3, rectLr.height/2, {type: "mousemove"});
|
|
|
|
|
synthesizeMouse(listener, rectLr.width/3, rectLr.height/2, {type: "mouseup"});
|
|
|
|
|
synthesizeMouse(listener, rectLr.width/3, rectLr.height/3, {type: "mousemove"});
|
2015-06-17 08:54:00 +03:00
|
|
|
finishTest();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function finishTest() {
|
2017-01-19 06:11:50 +03:00
|
|
|
parent.is(test_basketLeave, 1, "Part1: basket should receive pointerleave event after pointer capturing");
|
2015-06-17 08:54:00 +03:00
|
|
|
parent.is(test_targetGotCapture, 1, "Part1: target should receive gotpointercapture event");
|
|
|
|
|
parent.is(test_targetLostCapture, 1, "Part1: target should receive lostpointercapture event");
|
2017-01-19 06:11:50 +03:00
|
|
|
parent.is(test_targetLeave, 1, "Part1: target should receive pointerleave event only one time");
|
2015-06-17 08:54:00 +03:00
|
|
|
parent.is(test_childLeave, 0, "Part1: child should not receive pointerleave event after pointer capturing");
|
|
|
|
|
parent.is(test_listenerDown, 1, "Part1: listener should receive pointerdown event");
|
|
|
|
|
parent.is(test_listenerLeave, 1, "Part1: listener should receive pointerleave event only one time");
|
|
|
|
|
logger("finishTest");
|
|
|
|
|
parent.finishTest();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function logger(message) {
|
|
|
|
|
var log = document.getElementById('log');
|
|
|
|
|
log.innerHTML = message + "<br>" + log.innerHTML;
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
<body onload="prepareTest()">
|
|
|
|
|
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1162990">Mozilla Bug 1162990 Test 1</a>
|
|
|
|
|
<p id="display"></p>
|
|
|
|
|
<div id="content" style="display: none">
|
|
|
|
|
</div>
|
|
|
|
|
<div id="basket">div id=basket
|
|
|
|
|
<div id="target">div id=target
|
|
|
|
|
<div id="child">div id=child</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="listener">div id=listener</div>
|
|
|
|
|
<pre id="log">
|
|
|
|
|
</pre>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
