mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
Bug 968148 - Implement PointerCapture for pointer events. tests. r=smaug
--HG-- rename : layout/base/tests/test_bug582771.html => layout/base/tests/bug968148_inner.html rename : dom/indexedDB/test/test_event_propagation.html => layout/base/tests/test_bug968148.html extra : rebase_source : 723612a9487b7310daf56bfd0120f5ee971fe34e
This commit is contained in:
Oleg Romashin
parent
518ac59f91
commit
ea3f8c41bd
295
layout/base/tests/bug968148_inner.html
Normal file
295
layout/base/tests/bug968148_inner.html
Normal file
@ -0,0 +1,295 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<!--
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=968148
|
||||
-->
|
||||
<head>
|
||||
<title>Test for Bug 968148</title>
|
||||
<script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
|
||||
<style>
|
||||
.test {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border: 1px solid black;
|
||||
-moz-user-select: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=968148">Mozilla Bug 968148</a>
|
||||
<p id="display"></p>
|
||||
<div id="content" style="display: none">
|
||||
</div>
|
||||
<pre id="test">
|
||||
<script type="application/javascript">
|
||||
|
||||
/**
|
||||
* Test for Bug 968148, test orignally copied from test_bug582771.html.
|
||||
* Mouse functionality converted to pointer and all steps duplicated in order to run them in parallel for two different pointer Id's
|
||||
**/
|
||||
|
||||
function ok(condition, msg) {
|
||||
parent.ok(condition, msg);
|
||||
}
|
||||
|
||||
function is(a, b, msg) {
|
||||
parent.is(a, b, msg);
|
||||
}
|
||||
|
||||
var test1d1;
|
||||
var test1d2;
|
||||
var test2d1;
|
||||
var test2d2;
|
||||
var test1d1pointermovecount = 0;
|
||||
var test1d2pointermovecount = 0;
|
||||
var test2d1pointermovecount = 0;
|
||||
var test2d2pointermovecount = 0;
|
||||
|
||||
var test1d1pointerlostcapture = 0;
|
||||
var test1d2pointerlostcapture = 0;
|
||||
var test2d1pointerlostcapture = 0;
|
||||
var test2d2pointerlostcapture = 0;
|
||||
var test1d1pointergotcapture = 0;
|
||||
var test1d2pointergotcapture = 0;
|
||||
var test2d1pointergotcapture = 0;
|
||||
var test2d2pointergotcapture = 0;
|
||||
var test1PointerId = 1;
|
||||
var test2PointerId = 2;
|
||||
|
||||
function sendPointerMove(el, id) {
|
||||
var rect = el.getBoundingClientRect();
|
||||
var utils = SpecialPowers.getDOMWindowUtils(window);
|
||||
utils.sendPointerEvent('pointermove', rect.left + 5, rect.top + 5, 0, 0, 0, false, 0, SpecialPowers.Ci.nsIDOMMouseEvent.MOZ_SOURCE_TOUCH, id);
|
||||
}
|
||||
|
||||
function sendPointerDown(el, id) {
|
||||
var rect = el.getBoundingClientRect();
|
||||
var utils = SpecialPowers.getDOMWindowUtils(window);
|
||||
utils.sendPointerEvent('pointerdown', rect.left + 5, rect.top + 5, 0, 1, 0, false, 0, SpecialPowers.Ci.nsIDOMMouseEvent.MOZ_SOURCE_TOUCH, id);
|
||||
}
|
||||
|
||||
function sendPointerUp(el, id) {
|
||||
var rect = el.getBoundingClientRect();
|
||||
var utils = SpecialPowers.getDOMWindowUtils(window);
|
||||
utils.sendPointerEvent('pointerup', rect.left + 5, rect.top + 5, 0, 1, 0, false, 0, SpecialPowers.Ci.nsIDOMMouseEvent.MOZ_SOURCE_TOUCH, id);
|
||||
}
|
||||
|
||||
function log(s) {
|
||||
document.getElementById("l").textContent += s + "\n";
|
||||
}
|
||||
|
||||
function test1d2Listener(e) {
|
||||
log(e.type + ", " + e.target.id);
|
||||
is(e.target, test1d2, "test1d2 should have got pointermove.");
|
||||
++test1d2pointermovecount;
|
||||
}
|
||||
|
||||
function test2d2Listener(e) {
|
||||
log(e.type + ", " + e.target.id);
|
||||
is(e.target, test2d2, "test2d2 should have got pointermove.");
|
||||
++test2d2pointermovecount;
|
||||
}
|
||||
|
||||
function test1d1DownListener(e) {
|
||||
log(e.type + ", " + e.target.id);
|
||||
test1d1.setPointerCapture(e.pointerId);
|
||||
}
|
||||
|
||||
function test1d1MoveListener(e) {
|
||||
log(e.type + ", " + e.target.id);
|
||||
test1d2.setPointerCapture(e.pointerId);
|
||||
}
|
||||
|
||||
function test2d1DownListener(e) {
|
||||
log(e.type + ", " + e.target.id);
|
||||
test2d1.setPointerCapture(e.pointerId);
|
||||
}
|
||||
|
||||
function test2d1MoveListener(e) {
|
||||
log(e.type + ", " + e.target.id);
|
||||
test2d2.setPointerCapture(e.pointerId);
|
||||
}
|
||||
|
||||
function test1d1PointerGotCapture(e) {
|
||||
log(e.type + ", " + e.target.id);
|
||||
++test1d1pointergotcapture;
|
||||
}
|
||||
|
||||
function test1d1PointerLostCapture(e) {
|
||||
log(e.type + ", " + e.target.id);
|
||||
++test1d1pointerlostcapture;
|
||||
}
|
||||
|
||||
function test2d1PointerGotCapture(e) {
|
||||
log(e.type + ", " + e.target.id);
|
||||
++test2d1pointergotcapture;
|
||||
}
|
||||
|
||||
function test2d1PointerLostCapture(e) {
|
||||
log(e.type + ", " + e.target.id);
|
||||
++test2d1pointerlostcapture;
|
||||
}
|
||||
|
||||
function test1d2PointerGotCapture(e) {
|
||||
log(e.type + ", " + e.target.id);
|
||||
++test1d2pointergotcapture;
|
||||
}
|
||||
|
||||
function test1d2PointerLostCapture(e) {
|
||||
log(e.type + ", " + e.target.id);
|
||||
++test1d2pointerlostcapture;
|
||||
}
|
||||
|
||||
function test2d2PointerGotCapture(e) {
|
||||
log(e.type + ", " + e.target.id);
|
||||
++test2d2pointergotcapture;
|
||||
}
|
||||
|
||||
function test2d2PointerLostCapture(e) {
|
||||
log(e.type + ", " + e.target.id);
|
||||
++test2d2pointerlostcapture;
|
||||
}
|
||||
|
||||
function test1d1PointerMoveListener(e) {
|
||||
log(e.type + ", " + e.target.id);
|
||||
++test1d1pointermovecount;
|
||||
}
|
||||
|
||||
function test2d1PointerMoveListener(e) {
|
||||
log(e.type + ", " + e.target.id);
|
||||
++test2d1pointermovecount;
|
||||
}
|
||||
|
||||
function runTests() {
|
||||
test1d1 = document.getElementById("test1d1");
|
||||
test1d2 = document.getElementById("test1d2");
|
||||
test2d1 = document.getElementById("test2d1");
|
||||
test2d2 = document.getElementById("test2d2");
|
||||
|
||||
test1d2.addEventListener("pointermove", test1d2Listener, true);
|
||||
test2d2.addEventListener("pointermove", test2d2Listener, true);
|
||||
|
||||
test1d1.addEventListener("gotpointercapture", test1d1PointerGotCapture, true);
|
||||
test1d1.addEventListener("lostpointercapture", test1d1PointerLostCapture, true);
|
||||
|
||||
test2d1.addEventListener("gotpointercapture", test2d1PointerGotCapture, true);
|
||||
test2d1.addEventListener("lostpointercapture", test2d1PointerLostCapture, true);
|
||||
|
||||
test1d2.addEventListener("gotpointercapture", test1d2PointerGotCapture, true);
|
||||
test1d2.addEventListener("lostpointercapture", test1d2PointerLostCapture, true);
|
||||
|
||||
test2d2.addEventListener("gotpointercapture", test2d2PointerGotCapture, true);
|
||||
test2d2.addEventListener("lostpointercapture", test2d2PointerLostCapture, true);
|
||||
|
||||
document.body.offsetLeft;
|
||||
sendPointerMove(test1d2, test1PointerId);
|
||||
sendPointerMove(test2d2, test2PointerId);
|
||||
is(test1d2pointermovecount, 1, "Should have got pointermove");
|
||||
is(test2d2pointermovecount, 1, "Should have got pointermove");
|
||||
|
||||
// This shouldn't enable capturing, since we're not in a right kind of
|
||||
// event listener.
|
||||
sendPointerDown(test1d1, test1PointerId);
|
||||
sendPointerDown(test2d1, test2PointerId);
|
||||
|
||||
sendPointerMove(test1d2, test1PointerId);
|
||||
sendPointerMove(test2d2, test2PointerId);
|
||||
|
||||
sendPointerUp(test1d1, test1PointerId);
|
||||
sendPointerUp(test2d1, test2PointerId);
|
||||
|
||||
is(test1d2pointermovecount, 2, "Should have got pointermove");
|
||||
is(test2d2pointermovecount, 2, "Should have got pointermove");
|
||||
|
||||
test1d1.addEventListener("pointerdown", test1d1DownListener, true);
|
||||
test1d1.addEventListener("pointermove", test1d1PointerMoveListener, true);
|
||||
test2d1.addEventListener("pointerdown", test2d1DownListener, true);
|
||||
test2d1.addEventListener("pointermove", test2d1PointerMoveListener, true);
|
||||
|
||||
sendPointerDown(test1d1, test1PointerId);
|
||||
sendPointerDown(test2d1, test2PointerId);
|
||||
sendPointerMove(test1d2, test1PointerId);
|
||||
sendPointerMove(test2d2, test2PointerId);
|
||||
is(test1d2pointermovecount, 2, "Shouldn't have got pointermove");
|
||||
is(test1d1pointermovecount, 1, "Should have got pointermove");
|
||||
is(test1d1pointergotcapture, 1, "Should have got pointergotcapture");
|
||||
|
||||
is(test2d2pointermovecount, 2, "Shouldn't have got pointermove");
|
||||
is(test2d1pointermovecount, 1, "Should have got pointermove");
|
||||
is(test2d1pointergotcapture, 1, "Should have got pointergotcapture");
|
||||
|
||||
sendPointerUp(test1d1, test1PointerId);
|
||||
sendPointerUp(test2d1, test2PointerId);
|
||||
test1d1.removeEventListener("pointerdown", test1d1DownListener, true);
|
||||
test1d1.removeEventListener("pointermove", test1d1PointerMoveListener, true);
|
||||
test2d1.removeEventListener("pointerdown", test2d1DownListener, true);
|
||||
test2d1.removeEventListener("pointermove", test2d1PointerMoveListener, true);
|
||||
|
||||
// Nothing should be capturing the event.
|
||||
sendPointerMove(test1d2, test1PointerId);
|
||||
sendPointerMove(test2d2, test2PointerId);
|
||||
|
||||
is(test1d2pointermovecount, 3, "Should have got pointermove");
|
||||
is(test1d1pointerlostcapture, 1, "Should have got pointerlostcapture");
|
||||
is(test2d2pointermovecount, 3, "Should have got pointermove");
|
||||
is(test2d1pointerlostcapture, 1, "Should have got pointerlostcapture");
|
||||
|
||||
test1d1.addEventListener("pointermove", test1d1MoveListener, true);
|
||||
test2d1.addEventListener("pointermove", test2d1MoveListener, true);
|
||||
|
||||
sendPointerDown(test1d1, test1PointerId);
|
||||
sendPointerDown(test2d1, test2PointerId);
|
||||
|
||||
sendPointerMove(test1d1, test1PointerId); // This should call setPointerCapture to test1d2!
|
||||
sendPointerMove(test2d1, test2PointerId); // This should call setPointerCapture to test2d2!
|
||||
|
||||
test1d1.removeEventListener("pointermove", test1d1MoveListener, true);
|
||||
test1d1.addEventListener("pointermove", test1d1PointerMoveListener, true);
|
||||
|
||||
test2d1.removeEventListener("pointermove", test2d1MoveListener, true);
|
||||
test2d1.addEventListener("pointermove", test2d1PointerMoveListener, true);
|
||||
|
||||
sendPointerMove(test1d1, test1PointerId); // This should send pointer event to test1d2.
|
||||
sendPointerMove(test2d1, test2PointerId); // This should send pointer event to test2d2.
|
||||
|
||||
is(test1d1pointermovecount, 1, "Shouldn't have got pointermove");
|
||||
is(test1d2pointermovecount, 4, "Should have got pointermove");
|
||||
is(test1d2pointergotcapture, 1, "Should have got pointergotcapture");
|
||||
|
||||
is(test2d1pointermovecount, 1, "Shouldn't have got pointermove");
|
||||
is(test2d2pointermovecount, 4, "Should have got pointermove");
|
||||
is(test2d2pointergotcapture, 1, "Should have got pointergotcapture");
|
||||
|
||||
sendPointerUp(test1d1, test1PointerId);
|
||||
sendPointerUp(test2d1, test2PointerId);
|
||||
|
||||
finishTest();
|
||||
}
|
||||
|
||||
function finishTest() {
|
||||
// Let window.onerror have a chance to fire
|
||||
setTimeout(function() {
|
||||
setTimeout(function() {
|
||||
window.parent.postMessage("SimpleTest.finish();", "*");
|
||||
}, 0);
|
||||
}, 0);
|
||||
}
|
||||
|
||||
window.onload = function () {
|
||||
SpecialPowers.pushPrefEnv({
|
||||
"set": [
|
||||
["dom.w3c_pointer_events.enabled", true],
|
||||
]
|
||||
}, runTests);
|
||||
}
|
||||
|
||||
SimpleTest.waitForExplicitFinish();
|
||||
|
||||
</script>
|
||||
</pre>
|
||||
<div class="test" id="test1d1"> </div><br><div class="test" id="test1d2"> </div>
|
||||
<div class="test" id="test2d1"> </div><br><div class="test" id="test2d2"> </div>
|
||||
<pre id="l"></pre>
|
||||
</body>
|
||||
</html>
|
||||
@ -178,6 +178,8 @@ skip-if = buildapp == 'b2g' || toolkit == 'android' || e10s # b2g(depends on plu
|
||||
[test_bug583889.html]
|
||||
support-files = bug583889_inner1.html bug583889_inner2.html
|
||||
[test_bug582771.html]
|
||||
[test_bug968148.html]
|
||||
support-files = bug968148_inner.html
|
||||
[test_bug603550.html]
|
||||
skip-if = buildapp == 'b2g' || toolkit == 'android' || e10s #TIMED_OUT # b2g(Components.classes[@mozilla.org/widget/dragservice;1] is undefined) b2g-debug(Components.classes[@mozilla.org/widget/dragservice;1] is undefined) b2g-desktop(Components.classes[@mozilla.org/widget/dragservice;1] is undefined)
|
||||
[test_bug629838.html]
|
||||
|
||||
36
layout/base/tests/test_bug968148.html
Normal file
36
layout/base/tests/test_bug968148.html
Normal file
@ -0,0 +1,36 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<!--
|
||||
https://bugzilla.mozilla.org/show_bug.cgi?id=968148
|
||||
-->
|
||||
<head>
|
||||
<title>Test for Bug 968148</title>
|
||||
<script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
|
||||
<script type="text/javascript;version=1.7">
|
||||
function setRemoteFrame() {
|
||||
var iframe = document.getElementById("testFrame");
|
||||
iframe.src = "bug968148_inner.html";
|
||||
|
||||
function messageListener(event) {
|
||||
eval(event.data);
|
||||
}
|
||||
|
||||
window.addEventListener("message", messageListener, false);
|
||||
}
|
||||
|
||||
function runTest() {
|
||||
SimpleTest.waitForExplicitFinish();
|
||||
|
||||
SpecialPowers.pushPrefEnv({
|
||||
"set": [
|
||||
["dom.w3c_pointer_events.enabled", true]
|
||||
]
|
||||
}, setRemoteFrame);
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body onload="runTest();">
|
||||
<iframe id="testFrame" height="500" width="500"></iframe>
|
||||
</body>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user