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

Unified Diff: LayoutTests/fast/events/mouseenter-mouseleave-capture.html

Issue 18836002: Implement 'mouseenter' and 'mouseleave' from DOM Level 3 Events. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 7 years, 5 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 side-by-side diff with in-line comments
Download patch
Index: LayoutTests/fast/events/mouseenter-mouseleave-capture.html
diff --git a/LayoutTests/fast/events/mouseenter-mouseleave-capture.html b/LayoutTests/fast/events/mouseenter-mouseleave-capture.html
new file mode 100644
index 0000000000000000000000000000000000000000..48a3922feadf70c605e210dc59bd1d5d3ef81f07
--- /dev/null
+++ b/LayoutTests/fast/events/mouseenter-mouseleave-capture.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <script>
+ function log(message) {
+ document.getElementById('console').innerHTML += (message + "\n");
+ }
+
+ function logMouseEvent(ev) {
+ var target = (ev.target)? ev.target : ev.srcElement;
+ if (target.id) {
+ log(ev.type + " on " + target.id);
+ }
+ }
+
+ function doTest() {
+ document.body.offsetLeft;
+ document.body.addEventListener('mouseenter',logMouseEvent,true);
+ document.body.addEventListener('mouseleave',logMouseEvent,true);
PhistucK 2013/07/08 17:57:26 Perhaps add a whitespace after every comma?
+ 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">
+ <div id="inner1" style="width:50px; height:50px; background-color:red; top:20px; left:20px; position:absolute">
+ </div>
+ <div id="inner2" style="width:20px; height:20px; background-color:yellow; top:30px; left:60px; position:absolute">
+ <div id="inner3" style="margin:5px; width:10px; height:10px; background-color:green;">
+ </div>
+ </div>
+ </div>
+ <pre id="console"></pre>
+</body>
+</html>

Powered by Google App Engine
This is Rietveld 408576698