Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(60)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/virtual/pointerevent/fast/events/pointerevents/mouse-pointer-capture.html

Issue 1774913004: Firing got/lost pointer capture events (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Variable rename Created 4 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/virtual/pointerevent/fast/events/pointerevents/mouse-pointer-capture-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE HTML> 1 <!DOCTYPE HTML>
2 <script src="../../../../../resources/js-test.js"></script> 2 <script src="../../../../../resources/js-test.js"></script>
3 <style> 3 <style>
4 div.box { 4 div.box {
5 margin: 5px; 5 margin: 5px;
6 padding: 20px; 6 padding: 20px;
7 float: left; 7 float: left;
8 } 8 }
9 #grey {
10 width: 50px;
11 height: 50px;
12 }
9 </style> 13 </style>
10 14
11 <div id="grey" class="box" style="background-color:grey"> 15 <div id="grey" class="box" style="background-color:grey">
12 <div id="green" class="box" style="background-color:green;"> 16 <div id="green" class="box" style="background-color:green;">
13 </div> 17 </div>
14 </div> 18 </div>
15 <div id="blue" class="box" style="background-color:blue;"> 19 <div id="blue" class="box" style="background-color:blue;">
16 </div> 20 </div>
17 21
18 <div id="console"></div> 22 <div id="console"></div>
19 23
20 <script> 24 <script>
21 description("Verifies that pointer capture works for mouse."); 25 description("Verifies that pointer capture works for mouse.");
22 26
23 var implicitRelease = false; 27 var implicitReleaseOutside = false;
28 var explicitRelease = false;
29 var removeElement = false;
24 var pointerMoveCount = 0; 30 var pointerMoveCount = 0;
25 31
26 var rect = document.getElementById("green").getBoundingClientRect(); 32 var rect = document.getElementById("green").getBoundingClientRect();
27 var x1 = rect.left + 5; 33 var x1 = rect.left + 5;
28 var y1 = rect.top + 5; 34 var y1 = rect.top + 5;
29 35
30 var rect = document.getElementById("grey").getBoundingClientRect(); 36 var rect = document.getElementById("grey").getBoundingClientRect();
31 var x2 = rect.left + 5; 37 var x2 = rect.left + 5;
32 var y2 = rect.top + 5; 38 var y2 = rect.top + 5;
33 39
34 var rect = document.getElementById("blue").getBoundingClientRect(); 40 var rect = document.getElementById("blue").getBoundingClientRect();
35 var x3 = rect.left + 5; 41 var x3 = rect.left + 5;
36 var y3 = rect.top + 5; 42 var y3 = rect.top + 5;
37 43
38 function init() { 44 function init() {
39 var eventList = ["mouseenter", "mouseleave", "mouseover", "mouseout", "mousemo ve", "mousedown", "mouseup", 45 var eventList = ["mouseenter", "mouseleave", "mouseover", "mouseout", "mousemo ve", "mousedown", "mouseup",
40 "pointerenter", "pointerleave", "pointerover", "pointerout", "pointermove", "pointerdown", "pointerup"]; 46 "pointerenter", "pointerleave", "pointerover", "pointerout", "pointermove", "pointerdown", "pointerup",
47 "gotpointercapture", "lostpointercapture"];
41 48
49 document.addEventListener("lostpointercapture", function(event) {
50 if (event.eventPhase == Event.AT_TARGET) {
51 debug("document received " + event.type);
52 }
53 });
42 ["grey", "green", "blue"].forEach(function(id) { 54 ["grey", "green", "blue"].forEach(function(id) {
43 var targetDiv = document.getElementById(id); 55 var targetDiv = document.getElementById(id);
44 eventList.forEach(function(eventName) { 56 eventList.forEach(function(eventName) {
45 targetDiv.addEventListener(eventName, function(event) { 57 targetDiv.addEventListener(eventName, function(event) {
46 if (event.eventPhase == Event.AT_TARGET) { 58 if (event.eventPhase == Event.AT_TARGET) {
47 debug(id + " received " + event.type); 59 debug(id + " received " + event.type);
48 if (id == "green" && event.type == "pointerdown") { 60 if (id == "green" && event.type == "pointerdown") {
49 debug(" **** Set Pointer Capture ***** "); 61 debug(" **** Set Pointer Capture ***** ");
50 targetDiv.setPointerCapture(event.pointerId); 62 targetDiv.setPointerCapture(event.pointerId);
51 } 63 }
52 if (implicitRelease && id == "green" && event.type == "pointermove") { 64 if (id == "green" && event.type == "pointermove") {
53 if (pointerMoveCount++ > 3) { 65 if (explicitRelease && pointerMoveCount++ > 3) {
54 debug(" **** Release Pointer Capture ***** "); 66 debug(" **** Release Pointer Capture ***** ");
55 targetDiv.releasePointerCapture(event.pointerId); 67 targetDiv.releasePointerCapture(event.pointerId);
56 implicitRelease = false; 68 explicitRelease = false;
69 }
70 if (removeElement && pointerMoveCount++ > 3) {
71 debug(" **** Remove Element ***** ");
72 targetDiv.parentNode.removeChild(targetDiv);
73 removeElement = false;
57 } 74 }
58 } 75 }
59 } 76 }
60 }); 77 });
61 }); 78 });
62
63 }); 79 });
64 } 80 }
65 81
66 function testScenario() { 82 function testScenario() {
67 debug(" **** Move to green box & mouse press & jiggle ***** "); 83 debug(" **** Move to green box & mouse press & jiggle ***** ");
68 eventSender.mouseMoveTo(x1, y1); 84 eventSender.mouseMoveTo(x1, y1);
69 eventSender.mouseDown(1); 85 eventSender.mouseDown(1);
70 eventSender.mouseMoveTo(x1+1, y1+1); 86 eventSender.mouseMoveTo(x1+1, y1+1);
71 87
72 debug(" **** Move to grey box & jiggle ***** "); 88 debug(" **** Move to grey box & jiggle ***** ");
73 eventSender.mouseMoveTo(x2, y2); 89 eventSender.mouseMoveTo(x2, y2);
74 eventSender.mouseMoveTo(x2+1, y2+1); 90 eventSender.mouseMoveTo(x2+1, y2+1);
75 91
76 debug(" **** Move to blue box & jiggle ****"); 92 debug(" **** Move to blue box & jiggle ****");
77 eventSender.mouseMoveTo(x3, y3); 93 eventSender.mouseMoveTo(x3, y3);
94
95 if (implicitReleaseOutside) {
96 debug(" **** Release the mouse outside of the page & move back to blue bo x ****");
97 eventSender.setMouseButtonState(-1, []);
98 }
78 eventSender.mouseMoveTo(x3+1, y3+1); 99 eventSender.mouseMoveTo(x3+1, y3+1);
79 eventSender.mouseMoveTo(x3, y3); 100 eventSender.mouseMoveTo(x3, y3);
80
81 debug(" **** Move back to green & again to blue & mouse release ***** ");
82 eventSender.mouseMoveTo(x1, y1);
83 eventSender.mouseMoveTo(x3, y3);
84 eventSender.mouseUp(1);
85 101
86 debug(" **** Jiggle in blue box ***** "); 102 if (!implicitReleaseOutside) {
87 eventSender.mouseMoveTo(x3+1, y3+1); 103 debug(" **** Move back to green & again to blue & mouse release ***** ");
104 eventSender.mouseMoveTo(x1, y1);
105 eventSender.mouseMoveTo(x3, y3);
106 eventSender.mouseUp(1);
107
108 debug(" **** Jiggle in blue box ***** ");
109 eventSender.mouseMoveTo(x3+1, y3+1);
110 }
88 111
89 debug(" **** Move to (0,0) ***** "); 112 debug(" **** Move to (0,0) ***** ");
90 eventSender.mouseMoveTo(0, 0); 113 eventSender.mouseMoveTo(0, 0);
114 eventSender.mouseDown(0);
115 eventSender.mouseUp(0);
116 eventSender.leapForward(500);
91 } 117 }
92 118
93 function runTests() { 119 function runTests() {
94 debug(" ======= Set pointer capture and release implicitly ======= "); 120 debug(" ======= Set pointer capture and release implicitly =======");
95 testScenario(); 121 testScenario();
96 122
97 implicitRelease = true; 123 implicitReleaseOutside = true;
98 debug(""); 124 debug("");
99 debug(" ======= Set pointer capture and release explicitly ======= "); 125 debug(" ======= Set pointer capture and release implicitly outside of the page =======");
100 testScenario(); 126 testScenario();
101 } 127 implicitReleaseOutside = false;
128
129 explicitRelease = true;
130 pointerMoveCount = 0;
131 debug("");
132 debug(" ======= Set pointer capture and release explicitly =======");
133 testScenario();
134 explicitRelease = false;
135
136 removeElement = true;
137 pointerMoveCount = 0;
138 debug("");
139 debug(" ======= Set pointer capture and remove element =======");
140 testScenario();
141 removeElement = false;
142 }
102 143
103 init(); 144 init();
104 if (window.eventSender) 145 if (window.eventSender)
105 runTests(); 146 runTests();
106 else 147 else
107 debug("This test requires eventSender"); 148 debug("This test requires eventSender");
108 149
109 </script> 150 </script>
OLDNEW
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/virtual/pointerevent/fast/events/pointerevents/mouse-pointer-capture-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698