Chromium Code Reviews Chromium Code Reviews
Issue 1809603003:
Separate mouse transition events from pointerevent (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master| Index: third_party/WebKit/LayoutTests/virtual/pointerevent/fast/events/pointerevents/mouse-pointer-capture-transition-events.html |
| diff --git a/third_party/WebKit/LayoutTests/virtual/pointerevent/fast/events/pointerevents/mouse-pointer-capture-transition-events.html b/third_party/WebKit/LayoutTests/virtual/pointerevent/fast/events/pointerevents/mouse-pointer-capture-transition-events.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..f3cae72833d5b57a6070433a1e7ea9aadbab6c15 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/virtual/pointerevent/fast/events/pointerevents/mouse-pointer-capture-transition-events.html |
| @@ -0,0 +1,114 @@ |
| +<!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 id="blue" class="box" style="background-color:blue;"> |
| + </div> |
| +</div> |
| + |
| +<div id="console"></div> |
| + |
| +<script> |
| +description("Verifies that trasition events are correctly fired in different pointer capture scenarios for mouse."); |
| + |
| +var testSet = [ |
| + { firstCapturing: 'none', secondCapturing: 'blue' }, |
| + { firstCapturing: 'none', secondCapturing: 'green' }, |
| + { firstCapturing: 'blue', secondCapturing: 'none' }, |
| + { firstCapturing: 'green', secondCapturing: 'none' }, |
| + { firstCapturing: 'blue', secondCapturing: 'green' }, |
| + { firstCapturing: 'green', secondCapturing: 'blue' }, |
| +]; |
| + |
| +var mousePointerId = 1; |
| +var loggingEnabled = true; |
| + |
| +var rect = document.getElementById("green").getBoundingClientRect(); |
| +var x1 = rect.left + 5; |
| +var y1 = rect.top + 5; |
| + |
| +var rect = document.getElementById("blue").getBoundingClientRect(); |
| +var x2 = rect.left + 5; |
| +var y2 = rect.top + 5; |
| + |
| +function init() { |
| + var eventList = ["mouseenter", "mouseleave", "mouseover", "mouseout", "mousemove", |
| + "pointerenter", "pointerleave", "pointerover", "pointerout", "pointermove", |
| + "gotpointercapture", "lostpointercapture"]; |
| + |
| + document.addEventListener("lostpointercapture", function(event) { |
|
mustaq
2016/03/22 15:28:43
We want to make sure |document| doesn't receive re
Navid Zolghadr
2016/03/22 18:00:24
Actually, as I copied this test from the other tes
|
| + if (event.eventPhase == Event.AT_TARGET) { |
| + debug("document received " + event.type); |
| + } |
| + }); |
| + ["grey", "green", "blue"].forEach(function(id) { |
| + var targetDiv = document.getElementById(id); |
| + eventList.forEach(function(eventName) { |
| + targetDiv.addEventListener(eventName, function(event) { |
| + if (loggingEnabled && event.eventPhase == Event.AT_TARGET) { |
| + debug(id + " received " + event.type); |
| + } |
| + }); |
| + }); |
| + }); |
| +} |
| + |
| +function testScenario(testcase) { |
| + debug(" ==== '" + testcase.firstCapturing + "' is capturing and then '" + testcase.secondCapturing + "' will capture ===="); |
| + loggingEnabled = false; |
| + |
| + // Initialize the position of the mouse |
| + eventSender.mouseMoveTo(x1, y1); |
| + eventSender.mouseDown(1); |
| + |
| + loggingEnabled = true; |
| + |
| + debug(" **** Set initial capturing and jiggle mouse in green *****"); |
| + if (testcase.firstCapturing != "none") { |
| + debug("--- Set pointercapture for " + testcase.firstCapturing + " ---"); |
| + document.getElementById(testcase.firstCapturing).setPointerCapture(mousePointerId); |
| + } |
| + eventSender.mouseMoveTo(x1+1, y1+1); |
| + if (testcase.secondCapturing != "none") { |
| + debug("--- Set pointercapture for " + testcase.secondCapturing + " ---"); |
| + document.getElementById(testcase.secondCapturing).setPointerCapture(mousePointerId); |
| + } else if(testcase.firstCapturing != "none") { |
| + debug("--- Release pointercapture for " + testcase.firstCapturing + " ---"); |
| + document.getElementById(testcase.firstCapturing).releasePointerCapture(mousePointerId); |
| + } |
| + |
| + debug(" **** Move to blue box *****"); |
| + eventSender.mouseMoveTo(x2, y2); |
| + |
| + loggingEnabled = false; |
| + // Reset the state |
| + eventSender.mouseMoveTo(0, 0); |
| + eventSender.mouseUp(1); |
|
mustaq
2016/03/22 15:28:43
Please include the implicit-release-triggered-even
Navid Zolghadr
2016/03/22 18:00:24
I will log all the events so this case is covered
|
| + eventSender.mouseDown(0); |
| + eventSender.mouseUp(0); |
| + eventSender.leapForward(500); |
|
mustaq
2016/03/22 15:28:43
Why do you need these 3 lines (down, up, leapForwa
Navid Zolghadr
2016/03/22 18:00:24
I got it from my other test. IIRC without them Win
|
| + debug(""); |
| +} |
| + |
| +function runTests() { |
| + for (var i = 0; i < testSet.length; i++) { |
| + testScenario(testSet[i]); |
| + } |
| +} |
| + |
| +init(); |
| +if (window.eventSender) |
| + runTests(); |
| +else |
| + debug("This test requires eventSender"); |
| + |
| +</script> |
