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

Side by Side Diff: LayoutTests/fast/events/mouseenter-mouseleave-on-drag.html

Issue 1047733002: Fixed mouseenter/mouseleave event firing order. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 5 years, 8 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
OLDNEW
(Empty)
1 <!DOCTYPE HTML>
2 <script src="../../resources/js-test.js"></script>
3 <style>
4 #outer {
5 background: grey;
6 position: absolute;
7 left: 100px;
8 top: 100px;
9 width: 100px;
10 height: 100px;
11 }
12 #inner {
13 background: red;
14 position: absolute;
15 left: 30px;
16 top: 30px;
17 width: 40px;
18 height: 40px;
19 }
20 </style>
21
22 <div id="outer">
23 <div id="inner"></div>
24 </div>
25
26 <div id="console"></div>
27
28 <script>
29 description("Verifies that dragging mouse in/out of an element doesn't fire redu ndant mouseenter or mouseleave events (crbug.com/470258)");
30
31 var wasInside = {};
32
33 function init() {
34 ["outer", "inner"].forEach(function(id) {
35 wasInside[id] = false;
36
37 var targetDiv = document.getElementById(id);
38
39 targetDiv.addEventListener("mouseenter", function(event) {
40 debug(id + " received mouseenter");
41 shouldBeFalse("wasInside['" + id + "']");
42 wasInside[id] = true;
43 });
44
45 targetDiv.addEventListener("mouseleave", function(event) {
46 debug(id + " received mouseleave");
47 shouldBeTrue("wasInside['" + id + "']");
48 wasInside[id] = false;
49 });
50
51 targetDiv.addEventListener("mousedown", function(event) {
52 debug(id + " received mousedown");
53 });
54
55 targetDiv.addEventListener("mouseup", function(event) {
56 debug(id + " received mouseup");
57 });
58 });
59 }
60
61 init();
62 if (window.eventSender) {
63 eventSender.mouseMoveTo(1, 150);
64
65 eventSender.mouseMoveTo(110, 150);
66 eventSender.mouseDown();
67
68 eventSender.mouseMoveTo(140, 150);
69 eventSender.mouseMoveTo(150, 150);
70 eventSender.mouseMoveTo(160, 150);
71
72 eventSender.mouseMoveTo(190, 150);
73 eventSender.mouseUp();
74
75 eventSender.mouseMoveTo(201, 150);
76 } else {
77 debug("This test requires eventSender");
78 }
79 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698