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> |