Chromium Code Reviews Chromium Code Reviews
Issue 1949563002:
Retarget mouse event if the target is removed (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master| Index: third_party/WebKit/LayoutTests/virtual/pointerevent/fast/events/pointerevents/mouse-node-remove.html |
| diff --git a/third_party/WebKit/LayoutTests/virtual/pointerevent/fast/events/pointerevents/mouse-node-remove.html b/third_party/WebKit/LayoutTests/virtual/pointerevent/fast/events/pointerevents/mouse-node-remove.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..18d822c6c23dd9e13a18ec0e996283d18230f993 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/virtual/pointerevent/fast/events/pointerevents/mouse-node-remove.html |
| @@ -0,0 +1,101 @@ |
| +<!DOCTYPE HTML> |
| +<script src="../../../../../resources/js-test.js"></script> |
| +<style> |
| +div.box { |
| + margin: 5px; |
| + padding: 20px; |
| + float: left; |
| +} |
| +#grey { |
| + width: 50px; |
| + height: 50px; |
| +} |
| +</style> |
| + |
| +<div id="grey" class="box" style="background-color:grey"> |
| +</div> |
| + |
| +<div id="console"></div> |
| + |
| +<script> |
| +description("Verifies the compatiblity mouse events are sent correctly when the node is deleted on pointer event handler."); |
| + |
| +var eventList = ["mousedown", "mouseup", "mousemove", |
| + "pointerdown", "pointerup", "pointermove"]; |
| + |
| + |
| +var removeNodeEvent = ""; |
| + |
| +function init() { |
| + |
|
mustaq
2016/05/05 15:31:02
Nit: empty line.
Navid Zolghadr
2016/05/06 15:47:20
Done.
|
| + var targetDiv = document.getElementById("grey"); |
| + eventList.forEach(function(eventName) { |
| + targetDiv.addEventListener(eventName, function(event) { |
| + if (event.eventPhase == Event.AT_TARGET) { |
| + debug("grey received " + event.type); |
| + } |
| + }); |
| + }); |
| +} |
| + |
| +function createGreenBoxAndAddListeners() { |
| + var greenDiv = document.createElement("div"); |
| + greenDiv.setAttribute("class", "box"); |
| + greenDiv.id = "green"; |
| + document.getElementById("grey").appendChild(greenDiv); |
| + eventList.forEach(function(eventName) { |
| + greenDiv.addEventListener(eventName, function(event) { |
| + if (event.eventPhase == Event.AT_TARGET) { |
| + debug("green received " + event.type); |
| + if (event.type == removeNodeEvent) { |
| + greenDiv.parentNode.removeChild(greenDiv); |
| + debug(" ==> Green box removed"); |
| + } |
| + } |
| + }); |
| + }); |
| +} |
| + |
| +function testScenario() { |
| + eventSender.mouseMoveTo(0, 0); |
| + |
| + createGreenBoxAndAddListeners(); |
| + |
| + var rect = document.getElementById("green").getBoundingClientRect(); |
| + var x1 = rect.left + 5; |
| + var y1 = rect.top + 5; |
| + |
| + debug(" **** mouse move *****"); |
| + eventSender.mouseMoveTo(x1, y1); |
| + |
| + debug(" **** mouse down *****"); |
| + eventSender.mouseDown(1); |
| + |
| + debug(" **** mouse up *****"); |
| + eventSender.mouseUp(1); |
| +} |
| + |
| +function runTests() { |
| + debug(" ======= Remove green on pointerdown ======="); |
| + removeNodeEvent = "pointerdown"; |
|
mustaq
2016/05/05 15:31:02
Please add a control case when green is not remove
Navid Zolghadr
2016/05/06 15:47:20
Done.
|
| + testScenario(); |
| + debug(""); |
| + |
| + debug(" ======= Remove green on pointerup ======="); |
| + removeNodeEvent = "pointerup"; |
| + testScenario(); |
| + debug(""); |
| + |
| + debug(" ======= Remove green on pointermove ======="); |
| + removeNodeEvent = "pointermove"; |
| + testScenario(); |
| + debug(""); |
| +} |
| + |
| +init(); |
| +if (window.eventSender) |
| + runTests(); |
| +else |
| + debug("This test requires eventSender"); |
| + |
| +</script> |
