blob: 7b37932284bbc5f9a3293dca3a42dc8d02634535 [file] [log] [blame]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Fill Table Hit Test</title>
<style>
body { margin: 0px 0px 0px 0px; }
</style>
<script language="JavaScript" type="text/javascript">
var cellHeight = 20;
var logMsg = "";
var lastSuccess = 0;
var failed = false;
if (window.testRunner) {
testRunner.dumpAsText();
window.testRunner.waitUntilDone();
}
function cellHit(cell) {
var cellId = 24 * cell.parentNode.rowIndex + cell.cellIndex;
lastSuccess = cellId;
}
function doTest(cellwidth) {
var ypos = cellHeight;
for (var row = 0; row < 24; row++) {
var xpos = cellwidth;
for (var col = 0; col < 19; col++) {
var cellId = 24 * row + col;
logMsg += "Attempting to hit cell at row: " + row + ", column: " + col + ": ";
var elem = document.elementFromPoint(xpos, ypos);
if (elem) elem.onmousemove();
var success = lastSuccess == cellId;
if (!success) failed = true;
logMsg += (success ? "SUCCESS" : "FAIL") + "<br />";
xpos += cellwidth + 1;
}
ypos += cellHeight;
}
document.body.innerHTML =(failed ? "FAIL!!!<br/>" : "SUCCESS!!!<br/>") +logMsg;
if (window.testRunner) {
window.testRunner.notifyDone();
}
}
function CreateTable(tablewidth, rowcount, colcount) {
var cellwidth = (tablewidth / colcount) - 1;
var tablestr = "<table style=\"table-layout:fixed;\" border=\"1\" width=\"" +
tablewidth + "\" cellspacing=\"0\" cellpadding=\"0\">";
for (var row = 0; row < rowcount; row++) {
var rowstr = "<tr height=\"20\">";
for (var col = 0; col < colcount; col++) {
var cellId = "r" + row + "c" + col;
var colstr = "<td width=\"" + cellwidth + "\" id=\"" + cellId + "\" onmousemove=\"cellHit(this)\"></td>";
rowstr += colstr;
}
rowstr += "</tr>";
tablestr += rowstr;
}
tablestr += "</table>";
document.getElementById('tablebox').innerHTML = tablestr;
doTest(Math.round(cellwidth));
}
</script>
</head>
<body onload="CreateTable(500, 50, 20);" >
<div id="tablebox" style="overflow:hidden; width:500px; height:500px;"></div>
</body>
</html>