Chromium Code Reviews Chromium Code Reviews
Issue 18836002:
Implement 'mouseenter' and 'mouseleave' from DOM Level 3 Events. (Closed)
Base URL: svn://svn.chromium.org/blink/trunk| Index: LayoutTests/fast/events/mouseenter-mouseleave.html |
| diff --git a/LayoutTests/fast/events/mouseenter-mouseleave.html b/LayoutTests/fast/events/mouseenter-mouseleave.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..967cd7b9d23c68691ce5bbdff2cabd7eb59df731 |
| --- /dev/null |
| +++ b/LayoutTests/fast/events/mouseenter-mouseleave.html |
| @@ -0,0 +1,56 @@ |
| +<!DOCTYPE html> |
| +<html> |
| +<head> |
| + <script> |
| + function log(message, console) { |
| + document.getElementById(console).innerHTML += (message + "\n"); |
| + } |
| + |
| + function logMouseOverOutEvent(ev) { |
| + var target = (ev.target)? ev.target : ev.srcElement; |
| + log(ev.type + " on " + target.id, 'console1'); |
| + } |
| + |
| + function logMouseEnterLeaveEvent(ev) { |
| + var target = (ev.target)? ev.target : ev.srcElement; |
| + log(ev.type + " on " + target.id, 'console2'); |
| + } |
| + |
| + function doTest() { |
| + document.body.offsetLeft; |
| + if (window.testRunner) { |
| + eventSender.mouseMoveTo(1, 1); |
| + eventSender.mouseMoveTo(90,140); |
| + eventSender.mouseMoveTo(110,140); |
| + eventSender.mouseMoveTo(130,140); |
| + eventSender.mouseMoveTo(170,140); |
| + eventSender.mouseMoveTo(180,140); |
| + eventSender.mouseMoveTo(210,140); |
| + |
| + testRunner.dumpAsText(); |
| + } |
| + } |
| + </script> |
| +</head> |
| +<body onload="doTest()"> |
| + <div id="outer1" style="width:100px; height:100px; background-color:blue; top:100px; left:100px; position:absolute" |
| + onMouseOver="logMouseOverOutEvent(event)" onMouseOut="logMouseOverOutEvent(event)" |
|
PhistucK
2013/07/08 17:57:26
Perhaps change all of the attribute names from cam
Mike West
2013/07/09 09:37:00
I've rewritten the tests.
|
| + onMouseEnter="logMouseEnterLeaveEvent(event)" onMouseLeave="logMouseEnterLeaveEvent(event)"> |
| + <div id="inner1" style="width:50px; height:50px; background-color:red; top:20px; left:20px; position:absolute" |
| + onMouseOver="logMouseOverOutEvent(event)" onMouseOut="logMouseOverOutEvent(event)" |
| + onMouseEnter="logMouseEnterLeaveEvent(event)" onMouseLeave="logMouseEnterLeaveEvent(event)"> |
| + </div> |
| + <div id="inner2" style="width:20px; height:20px; background-color:yellow; top:30px; left:60px; position:absolute" |
| + onMouseOver="logMouseOverOutEvent(event)" onMouseOut="logMouseOverOutEvent(event)" |
| + onMouseEnter="logMouseEnterLeaveEvent(event)" onMouseLeave="logMouseEnterLeaveEvent(event)"> |
| + <div id="inner3" style="margin:5px; width:10px; height:10px; background-color:green;" |
| + onMouseOver="logMouseOverOutEvent(event)" onMouseOut="logMouseOverOutEvent(event)" |
| + onMouseEnter="logMouseEnterLeaveEvent(event)" onMouseLeave="logMouseEnterLeaveEvent(event)"> |
| + </div> |
| + </div> |
| + </div> |
| + <pre id="console1"></pre> |
| + <br> |
| + <pre id="console2"></pre> |
| +</body> |
| +</html> |
