<!DOCTYPE html>
<html>
<head>
<script src="../../resources/js-test.js"></script>
</head>
<body>
<p id="description"></p>
<div id="test-container">
<div id=d0 style='border:2px solid red'>
<div onmouseout='testPassed("mouseout")' onmouseover='document.getElementById("d0").innerHTML ="you should see PASS below"'>
<div onmouseout='testPassed("mouseout")'>
<span id=target1 onmouseout='testPassed("mouseout")' >
mouse over me
</span>
</div>
</div>
</div>
<div id=d1 style='border:2px solid blue'>
<div id=target2 onmouseout='testPassed("mouseout")' onmouseover='document.getElementById("d1").innerHTML ="you should see PASS below"' >
mouse over me
</div>
</div>
</div>
<div id="console"></div>
<script>
description("Test that if node dies under mouse it receives mouseout event.");
if (window.testRunner)
testRunner.dumpAsText();
if (window.eventSender) {
var el = document.getElementById('target1');
var x = el.offsetLeft+3;
var y = el.offsetTop+3;
eventSender.mouseMoveTo(x, y);
eventSender.mouseMoveTo(x+1, y+1);
el = document.getElementById('target2');
x = el.offsetLeft+3;
y = el.offsetTop+3;
eventSender.mouseMoveTo(x, y);
eventSender.mouseMoveTo(x+1, y+1);
var testContainer = document.getElementById("test-container");
if (testContainer)
document.body.removeChild(testContainer);
}
</script>
</body>
</html>
Codebase Browser
chromium