<!DOCTYPE html>
<html>
<head>
<title>Document::nodesFromRect : inline image - bug 85849</title>
<script src="../../../resources/js-test.js"></script>
<script src="resources/nodesFromRect.js"></script>
<style>
#sandbox {
position: absolute;
left: 0px;
top: 0px;
width: 400px;
height: 200px;
}
#sandbox #container { padding: 2px; padding-bottom: 10px; }
#sandbox #container span { font-size: 36px; }
#sandbox img { background-color: black; }
</style>
</head>
<body id="body">
<div id=sandbox>
<div id=container>
<span>
<img width="100" height="100"></img>
</span>
</div>
</div>
<p id="description"></p>
<span id="console"></span>
<script type="application/javascript">
function runTest()
{
description(document.title);
window.scrollTo(0, 0);
/* Point based test over the img only. */
checkRect(20, 20, 1, 1, "IMG");
/* Rect based test over the img only. */
checkRect(15, 15, 10, 10, "IMG");
/* Rect based test over the div only. */
checkRect(0, 0, 2, 2, "DIV#container");
/* Rect based test over the span only. */
checkRect(3, 103, 2, 2, "SPAN");
/* Note that for the tests below, the img bounds are considered to be (2, 2) x (100, 100). */
/* Rect based test over the entire img. */
checkRect(2, 2, 100, 100, "IMG");
/* Point based test over the img and the span. */
checkRect(2, 99, 1, 1, "IMG");
/* Rect based test over the img and the span with the img fully covering the hit region. */
checkRect(2, 98, 2, 2, "IMG");
/* Rect based test over the img and the span with the img not fully covering the hit region. */
checkRect(3, 101, 2, 5, "IMG, SPAN");
/* Rect based test over the img, span and their container. */
checkRect(3, 101, 2, 18, "IMG, SPAN, DIV#container");
/* Rect based test over just span and its container. */
checkRect(3, 103, 2, 16, "SPAN, DIV#container");
/* Rect based test over the img that is not over span with the img not fully covering the hit region. */
checkRect(1, 1, 3, 3, "IMG, DIV#container");
}
runTest();
</script>
</body>
</html>
Codebase Browser
chromium