Chromium Code Reviews Chromium Code Reviews
Issue 1635863006:
Pointerevent capture APIs (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master| Index: third_party/WebKit/LayoutTests/fast/events/pointerevents/mouse-pointer-capture.html |
| diff --git a/third_party/WebKit/LayoutTests/fast/events/pointerevents/mouse-pointer-capture.html b/third_party/WebKit/LayoutTests/fast/events/pointerevents/mouse-pointer-capture.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..0d5632a3f8c0c49bf5c235dd41925d212f17097a |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/fast/events/pointerevents/mouse-pointer-capture.html |
| @@ -0,0 +1,79 @@ |
| +<!DOCTYPE HTML> |
| +<script src="../../../resources/js-test.js"></script> |
| +<style> |
| +div.box { |
| + margin: 5px; |
| + padding: 20px; |
| + float: left; |
| +} |
| +</style> |
| + |
| +<div id="grey" class="box" style="background-color:grey"> |
| + <div id="green" class="box" style="background-color:green;"> |
| + </div> |
| +</div> |
| +<div id="blue" class="box" style="background-color:blue;"> |
| +</div> |
| + |
| +<div id="console"></div> |
| + |
| +<script> |
| +description("Verifies that pointer capture APIs functionality."); |
|
mustaq
2016/02/06 04:36:31
Perhaps: "Verifies that pointer capture works for
Navid Zolghadr
2016/02/08 15:58:42
Will do.
|
| + |
| +var seqNo = 0; |
| + |
| +function init() { |
| + var eventList = ["mouseenter", "mouseleave", "mouseover", "mouseout", "mouse1move", "mousedown", "mouseup", |
| + "pointerenter", "pointerleave", "pointerover", "pointerout", "pointer1move", "pointerdown", "pointerup"]; |
| + |
| + ["grey", "green", "blue"].forEach(function(id) { |
| + var targetDiv = document.getElementById(id); |
| + eventList.forEach(function(eventName) { |
| + targetDiv.addEventListener(eventName, function(event) { |
| + debug(++seqNo + " " + id + " received " + event.type); |
| + if (id == "green" && event.type == "pointerdown") { |
| + debug(" ======= Set Pointer Capture ======= "); |
| + targetDiv.setPointerCapture(event.pointerId); |
|
mustaq
2016/02/06 04:36:31
Are we testing only "setPointerCapture()" and not
Navid Zolghadr
2016/02/08 15:58:42
You are right. I totally missed that. I will add t
|
| + } |
| + }); |
| + }); |
| + |
| + }); |
| +} |
| + |
| +function runTests() { |
| + var rect = document.getElementById("green").getBoundingClientRect(); |
| + var x1 = rect.left + 5; |
| + var y1 = rect.top + 5; |
| + |
| + var rect = document.getElementById("grey").getBoundingClientRect(); |
| + var x2 = rect.left + 5; |
| + var y2 = rect.top + 5; |
| + |
| + var rect = document.getElementById("blue").getBoundingClientRect(); |
| + var x3 = rect.left + 5; |
| + var y3 = rect.top + 5; |
| + |
| + eventSender.mouseMoveTo(x1, y1); |
|
mustaq
2016/02/06 04:36:31
It's hard to match the long output to the input ta
Navid Zolghadr
2016/02/08 15:58:42
Sure.
|
| + eventSender.mouseMoveTo(x2, y2); |
| + eventSender.mouseMoveTo(x3, y3); |
| + eventSender.mouseDown(1); |
| + eventSender.mouseUp(1); |
| + eventSender.mouseMoveTo(x1, y1); |
| + eventSender.mouseDown(1); |
| + eventSender.mouseMoveTo(x1+1, y1+1); |
| + eventSender.mouseMoveTo(x2, y2); |
| + eventSender.mouseMoveTo(x2+1, y2+1); |
| + eventSender.mouseMoveTo(x3, y3); |
| + eventSender.mouseMoveTo(x1, y1); |
| + eventSender.mouseMoveTo(x3, y3); |
| + eventSender.mouseUp(1); |
| +} |
| + |
| +init(); |
| +if (window.eventSender) |
| + runTests(); |
| +else |
| + debug("This test requires eventSender"); |
| + |
| +</script> |
