Index: LayoutTests/fast/events/mouseenter-mouseleave-chained-listeners.html |
diff --git a/LayoutTests/fast/events/mouseenter-mouseleave-chained-listeners.html b/LayoutTests/fast/events/mouseenter-mouseleave-chained-listeners.html |
deleted file mode 100644 |
index b8932895caaecc081976f8cf60c755d023dcab50..0000000000000000000000000000000000000000 |
--- a/LayoutTests/fast/events/mouseenter-mouseleave-chained-listeners.html |
+++ /dev/null |
@@ -1,77 +0,0 @@ |
-<!DOCTYPE html> |
-<html> |
-<head> |
- <script src="../../resources/js-test.js"></script> |
- <script> |
- window.jsTestIsAsync = true; |
- |
- document.addEventListener('DOMContentLoaded', function () { |
- var outer = document.querySelector('#outer'); |
- var inner1 = document.querySelector('#inner1'); |
- var inner2 = document.querySelector('#inner2'); |
- |
- [outer, inner1, inner2].forEach(function (el) { |
- ['mouseover', 'mouseout', 'mouseenter', 'mouseleave'].forEach(function (type) { |
- if (el === inner2 && (type === 'mouseenter' || type === 'mouseleave')) |
- return; |
- el.addEventListener(type, handleEvent); |
- }); |
- }); |
- |
- if (window.testRunner) { |
- eventSender.mouseMoveTo(1, 125); |
- |
- debug('// Entering #inner1'); |
- eventSender.mouseMoveTo(75, 125); |
- |
- debug('// Entering #outer and #inner2'); |
- eventSender.mouseMoveTo(125, 125); |
- } |
- |
- finishJSTest(); |
- }); |
- |
- function handleEvent(e) { |
- var phases = ['', 'capturing', 'at target', 'bubbling']; |
- var target = e.target ? e.target : e.srcElement; |
- debug(e.type + " (" + phases[e.eventPhase] + ") on " + target.id); |
- |
- if (e.type === 'mouseleave' && target.id === 'inner1') { |
- debug('// Setting capturing mouseenter handler on #outer from #inner1\'s mouseleave handler.'); |
- document.querySelector('#outer').addEventListener('mouseenter', handleEvent, true); |
- } |
- } |
- </script> |
- <style> |
- #outer { |
- background: blue; |
- height: 100px; |
- left: 100px; |
- position: absolute; |
- top: 100px; |
- width: 100px; |
- } |
- |
- #inner1 { |
- position: absolute; |
- height: 50px; |
- width: 50px; |
- left: -50px; |
- background: green; |
- } |
- |
- #inner2 { |
- background: red; |
- height: 50px; |
- position: absolute; |
- width: 50px; |
- } |
- </style> |
-</head> |
-<body> |
- <div id="outer"> |
- <div id="inner1"></div> |
- <div id="inner2"></div> |
- </div> |
-</body> |
-</html> |