--- /dev/null
+This test records target and relatedTarget at each element while dispatching a mouse click event at an input element.
+
+
+Content:<div id="detailsContainer"><input id="target" type="file"></div>
+
+mouseover@html
+ target:html
+ relatedTarget:null
+
+mouseover@document
+ target:html
+ relatedTarget:null
+
+mouseover@window
+ target:html
+ relatedTarget:null
+
+mouseenter@html
+ target:html
+ relatedTarget:null
+
+mousemove@html
+ target:html
+ relatedTarget:null
+
+mousemove@document
+ target:html
+ relatedTarget:null
+
+mousemove@window
+ target:html
+ relatedTarget:null
+
+mouseout@html
+ target:html
+ relatedTarget:input#target
+
+mouseout@document
+ target:html
+ relatedTarget:input#target
+
+mouseout@window
+ target:html
+ relatedTarget:input#target
+
+mouseover@input#target
+ target:input#target
+ relatedTarget:html
+
+mouseover@div#detailsContainer
+ target:input#target
+ relatedTarget:html
+
+mouseover@body
+ target:input#target
+ relatedTarget:html
+
+mouseover@html
+ target:input#target
+ relatedTarget:html
+
+mouseover@document
+ target:input#target
+ relatedTarget:html
+
+mouseover@window
+ target:input#target
+ relatedTarget:html
+
+mouseenter@input#target
+ target:input#target
+ relatedTarget:html
+
+mouseenter@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:html
+
+mouseenter@body
+ target:body
+ relatedTarget:html
+
+mousemove@input#target
+ target:input#target
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:input#target
+ relatedTarget:null
+
+mousemove@body
+ target:input#target
+ relatedTarget:null
+
+mousemove@html
+ target:input#target
+ relatedTarget:null
+
+mousemove@document
+ target:input#target
+ relatedTarget:null
+
+mousemove@window
+ target:input#target
+ relatedTarget:null
+
+mousemove@input#target
+ target:input#target
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:input#target
+ relatedTarget:null
+
+mousemove@body
+ target:input#target
+ relatedTarget:null
+
+mousemove@html
+ target:input#target
+ relatedTarget:null
+
+mousemove@document
+ target:input#target
+ relatedTarget:null
+
+mousemove@window
+ target:input#target
+ relatedTarget:null
+
+mousemove@input#target
+ target:input#target
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:input#target
+ relatedTarget:null
+
+mousemove@body
+ target:input#target
+ relatedTarget:null
+
+mousemove@html
+ target:input#target
+ relatedTarget:null
+
+mousemove@document
+ target:input#target
+ relatedTarget:null
+
+mousemove@window
+ target:input#target
+ relatedTarget:null
+
+mousemove@input#target
+ target:input#target
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:input#target
+ relatedTarget:null
+
+mousemove@body
+ target:input#target
+ relatedTarget:null
+
+mousemove@html
+ target:input#target
+ relatedTarget:null
+
+mousemove@document
+ target:input#target
+ relatedTarget:null
+
+mousemove@window
+ target:input#target
+ relatedTarget:null
+
+mousemove@input#target
+ target:input#target
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:input#target
+ relatedTarget:null
+
+mousemove@body
+ target:input#target
+ relatedTarget:null
+
+mousemove@html
+ target:input#target
+ relatedTarget:null
+
+mousemove@document
+ target:input#target
+ relatedTarget:null
+
+mousemove@window
+ target:input#target
+ relatedTarget:null
+
+mousemove@input#target
+ target:input#target
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:input#target
+ relatedTarget:null
+
+mousemove@body
+ target:input#target
+ relatedTarget:null
+
+mousemove@html
+ target:input#target
+ relatedTarget:null
+
+mousemove@document
+ target:input#target
+ relatedTarget:null
+
+mousemove@window
+ target:input#target
+ relatedTarget:null
+
+mousemove@input#target
+ target:input#target
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:input#target
+ relatedTarget:null
+
+mousemove@body
+ target:input#target
+ relatedTarget:null
+
+mousemove@html
+ target:input#target
+ relatedTarget:null
+
+mousemove@document
+ target:input#target
+ relatedTarget:null
+
+mousemove@window
+ target:input#target
+ relatedTarget:null
+
+mousemove@input#target
+ target:input#target
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:input#target
+ relatedTarget:null
+
+mousemove@body
+ target:input#target
+ relatedTarget:null
+
+mousemove@html
+ target:input#target
+ relatedTarget:null
+
+mousemove@document
+ target:input#target
+ relatedTarget:null
+
+mousemove@window
+ target:input#target
+ relatedTarget:null
+
+mousemove@input#target
+ target:input#target
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:input#target
+ relatedTarget:null
+
+mousemove@body
+ target:input#target
+ relatedTarget:null
+
+mousemove@html
+ target:input#target
+ relatedTarget:null
+
+mousemove@document
+ target:input#target
+ relatedTarget:null
+
+mousemove@window
+ target:input#target
+ relatedTarget:null
+
+mousemove@input#target
+ target:input#target
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:input#target
+ relatedTarget:null
+
+mousemove@body
+ target:input#target
+ relatedTarget:null
+
+mousemove@html
+ target:input#target
+ relatedTarget:null
+
+mousemove@document
+ target:input#target
+ relatedTarget:null
+
+mousemove@window
+ target:input#target
+ relatedTarget:null
+
+mousemove@input#target
+ target:input#target
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:input#target
+ relatedTarget:null
+
+mousemove@body
+ target:input#target
+ relatedTarget:null
+
+mousemove@html
+ target:input#target
+ relatedTarget:null
+
+mousemove@document
+ target:input#target
+ relatedTarget:null
+
+mousemove@window
+ target:input#target
+ relatedTarget:null
+
+mousemove@input#target
+ target:input#target
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:input#target
+ relatedTarget:null
+
+mousemove@body
+ target:input#target
+ relatedTarget:null
+
+mousemove@html
+ target:input#target
+ relatedTarget:null
+
+mousemove@document
+ target:input#target
+ relatedTarget:null
+
+mousemove@window
+ target:input#target
+ relatedTarget:null
+
+mousemove@input#target
+ target:input#target
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:input#target
+ relatedTarget:null
+
+mousemove@body
+ target:input#target
+ relatedTarget:null
+
+mousemove@html
+ target:input#target
+ relatedTarget:null
+
+mousemove@document
+ target:input#target
+ relatedTarget:null
+
+mousemove@window
+ target:input#target
+ relatedTarget:null
+
+mousemove@input#target
+ target:input#target
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:input#target
+ relatedTarget:null
+
+mousemove@body
+ target:input#target
+ relatedTarget:null
+
+mousemove@html
+ target:input#target
+ relatedTarget:null
+
+mousemove@document
+ target:input#target
+ relatedTarget:null
+
+mousemove@window
+ target:input#target
+ relatedTarget:null
+
+mousemove@input#target
+ target:input#target
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:input#target
+ relatedTarget:null
+
+mousemove@body
+ target:input#target
+ relatedTarget:null
+
+mousemove@html
+ target:input#target
+ relatedTarget:null
+
+mousemove@document
+ target:input#target
+ relatedTarget:null
+
+mousemove@window
+ target:input#target
+ relatedTarget:null
+
+mousemove@input#target
+ target:input#target
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:input#target
+ relatedTarget:null
+
+mousemove@body
+ target:input#target
+ relatedTarget:null
+
+mousemove@html
+ target:input#target
+ relatedTarget:null
+
+mousemove@document
+ target:input#target
+ relatedTarget:null
+
+mousemove@window
+ target:input#target
+ relatedTarget:null
+
+mousemove@input#target
+ target:input#target
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:input#target
+ relatedTarget:null
+
+mousemove@body
+ target:input#target
+ relatedTarget:null
+
+mousemove@html
+ target:input#target
+ relatedTarget:null
+
+mousemove@document
+ target:input#target
+ relatedTarget:null
+
+mousemove@window
+ target:input#target
+ relatedTarget:null
+
+mousemove@input#target
+ target:input#target
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:input#target
+ relatedTarget:null
+
+mousemove@body
+ target:input#target
+ relatedTarget:null
+
+mousemove@html
+ target:input#target
+ relatedTarget:null
+
+mousemove@document
+ target:input#target
+ relatedTarget:null
+
+mousemove@window
+ target:input#target
+ relatedTarget:null
+
+mousemove@input#target
+ target:input#target
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:input#target
+ relatedTarget:null
+
+mousemove@body
+ target:input#target
+ relatedTarget:null
+
+mousemove@html
+ target:input#target
+ relatedTarget:null
+
+mousemove@document
+ target:input#target
+ relatedTarget:null
+
+mousemove@window
+ target:input#target
+ relatedTarget:null
+
+mousemove@input#target
+ target:input#target
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:input#target
+ relatedTarget:null
+
+mousemove@body
+ target:input#target
+ relatedTarget:null
+
+mousemove@html
+ target:input#target
+ relatedTarget:null
+
+mousemove@document
+ target:input#target
+ relatedTarget:null
+
+mousemove@window
+ target:input#target
+ relatedTarget:null
+
+mousemove@input#target
+ target:input#target
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:input#target
+ relatedTarget:null
+
+mousemove@body
+ target:input#target
+ relatedTarget:null
+
+mousemove@html
+ target:input#target
+ relatedTarget:null
+
+mousemove@document
+ target:input#target
+ relatedTarget:null
+
+mousemove@window
+ target:input#target
+ relatedTarget:null
+
+mousemove@input#target
+ target:input#target
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:input#target
+ relatedTarget:null
+
+mousemove@body
+ target:input#target
+ relatedTarget:null
+
+mousemove@html
+ target:input#target
+ relatedTarget:null
+
+mousemove@document
+ target:input#target
+ relatedTarget:null
+
+mousemove@window
+ target:input#target
+ relatedTarget:null
+
+mousemove@input#target
+ target:input#target
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:input#target
+ relatedTarget:null
+
+mousemove@body
+ target:input#target
+ relatedTarget:null
+
+mousemove@html
+ target:input#target
+ relatedTarget:null
+
+mousemove@document
+ target:input#target
+ relatedTarget:null
+
+mousemove@window
+ target:input#target
+ relatedTarget:null
+
+mousemove@input#target
+ target:input#target
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:input#target
+ relatedTarget:null
+
+mousemove@body
+ target:input#target
+ relatedTarget:null
+
+mousemove@html
+ target:input#target
+ relatedTarget:null
+
+mousemove@document
+ target:input#target
+ relatedTarget:null
+
+mousemove@window
+ target:input#target
+ relatedTarget:null
+
+mouseout@input#target
+ target:input#target
+ relatedTarget:div#detailsContainer
+
+mouseout@div#detailsContainer
+ target:input#target
+ relatedTarget:div#detailsContainer
+
+mouseout@body
+ target:input#target
+ relatedTarget:div#detailsContainer
+
+mouseout@html
+ target:input#target
+ relatedTarget:div#detailsContainer
+
+mouseout@document
+ target:input#target
+ relatedTarget:div#detailsContainer
+
+mouseout@window
+ target:input#target
+ relatedTarget:div#detailsContainer
+
+mouseleave@input#target
+ target:input#target
+ relatedTarget:div#detailsContainer
+
+mouseover@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:input#target
+
+mouseover@body
+ target:div#detailsContainer
+ relatedTarget:input#target
+
+mouseover@html
+ target:div#detailsContainer
+ relatedTarget:input#target
+
+mouseover@document
+ target:div#detailsContainer
+ relatedTarget:input#target
+
+mouseover@window
+ target:div#detailsContainer
+ relatedTarget:input#target
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@div#detailsContainer
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@body
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@html
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@document
+ target:div#detailsContainer
+ relatedTarget:null
+
+mousemove@window
+ target:div#detailsContainer
+ relatedTarget:null
+
+
<p>This test records target and relatedTarget at each element while dispatching a mouse click event at an input element.</p>
<div id="detailsContainer"><details><summary><div id="divInsideSummary"><input id="target" type="text" size="10"></summary></div></detials></div>
<pre id="log"></pre>
+<script src="resources/shadow-event-path-shared.js"></script>
<script>
-if (window.testRunner)
- testRunner.dumpAsText();
+var detailsContainer = document.getElementById('detailsContainer');
+log('Content:' + detailsContainer.outerHTML + '\n');
-function targetIdentifier(target) {
- if (target === undefined || target === null)
- return target;
- if (target === window)
- return 'window';
- if (target === document)
- return 'document';
- return target.localName + (target.id ? '#' + target.id : '');
-}
-
-function attachListeners(eventname) {
- var targets = Array.prototype.slice.call(document.querySelectorAll('*'));
- targets.push(window);
- targets.push(document);
- targets.forEach(function (target) {
- target.addEventListener(eventname, function (event) {
- log.textContent += eventname + '@' + targetIdentifier(target) + '\n'
- + ' target:' + targetIdentifier(event.target) + '\n'
- + ' relatedTarget:' + targetIdentifier(event.relatedTarget) + '\n\n';
- });
- });
-}
-
-var log = document.getElementById('log');
-log.textContent = 'Content:' + detailsContainer.outerHTML + '\n\n';
-var target = document.getElementById('target');
-
-attachListeners('mousemove');
-attachListeners('mousedown');
-attachListeners('mouseover');
-attachListeners('mouseout');
-attachListeners('mouseenter');
-attachListeners('mouseleave');
-attachListeners('mouseup');
-attachListeners('click');
-
-function runTest() {
- testRunner.waitUntilDone();
+if (window.testRunner && !window.eventSender)
+ log('This test requires eventSender.');
+else if (window.eventSender) {
+ var target = document.getElementById('target');
eventSender.mouseMoveTo(target.offsetLeft + target.offsetWidth / 2, target.offsetTop + target.offsetHeight / 2);
eventSender.mouseMoveTo(target.offsetLeft + target.offsetWidth + 100, target.offsetTop + target.offsetHeight / 2);
eventSender.mouseDown();
eventSender.mouseUp();
- testRunner.notifyDone();
-}
-
-if (window.testRunner && !window.eventSender)
- log.textContent += 'This test requires eventSender.';
-else if (window.eventSender) {
- window.onload = runTest;
}
</script>