2008-08-15 15:26:37 -07:00
|
|
|
var scrollbarWidth = 17, scrollbarHeight = 17;
|
|
|
|
|
|
|
|
function testElements(baseid, callback)
|
|
|
|
{
|
|
|
|
scrollbarWidth = scrollbarHeight = gcs($("scrollbox-test"), "width");
|
|
|
|
|
|
|
|
var elements = $(baseid).getElementsByTagName("*");
|
|
|
|
for (var t = 0; t < elements.length; t++) {
|
|
|
|
var element = elements[t];
|
|
|
|
testElement(element);
|
|
|
|
}
|
|
|
|
|
|
|
|
var nonappended = document.createElement("div");
|
|
|
|
nonappended.id = "nonappended";
|
|
|
|
nonappended.setAttribute("_offsetParent", "null");
|
|
|
|
testElement(nonappended);
|
|
|
|
|
|
|
|
checkScrolledElement($("scrollbox"), $("scrollchild"));
|
|
|
|
|
|
|
|
var div = $("noscroll");
|
|
|
|
div.scrollLeft = 10;
|
|
|
|
div.scrollTop = 10;
|
|
|
|
is(element.scrollLeft, 0, element.id + " scrollLeft after nonscroll");
|
|
|
|
is(element.scrollTop, 0, element.id + " scrollTop after nonscroll");
|
|
|
|
|
|
|
|
callback();
|
|
|
|
}
|
|
|
|
|
|
|
|
function testElement(element)
|
|
|
|
{
|
|
|
|
var offsetParent = element.getAttribute("_offsetParent");
|
|
|
|
offsetParent = $(offsetParent == "null" ? null: (offsetParent ? offsetParent : "body"));
|
|
|
|
|
|
|
|
var borderLeft = gcs(element, "borderLeftWidth");
|
|
|
|
var borderTop = gcs(element, "borderTopWidth");
|
|
|
|
var borderRight = gcs(element, "borderRightWidth");
|
|
|
|
var borderBottom = gcs(element, "borderBottomWidth");
|
|
|
|
var paddingLeft = gcs(element, "paddingLeft");
|
|
|
|
var paddingTop = gcs(element, "paddingTop");
|
|
|
|
var paddingRight = gcs(element, "paddingRight");
|
|
|
|
var paddingBottom = gcs(element, "paddingBottom");
|
|
|
|
var width = gcs(element, "width");
|
|
|
|
var height = gcs(element, "height");
|
|
|
|
|
|
|
|
if (element instanceof HTMLElement)
|
|
|
|
checkOffsetState(element, -10000, -10000,
|
|
|
|
borderLeft + paddingLeft + width + paddingRight + borderRight,
|
|
|
|
borderTop + paddingTop + height + paddingBottom + borderBottom,
|
|
|
|
offsetParent, element.id);
|
|
|
|
|
|
|
|
var scrollWidth, scrollHeight, clientWidth, clientHeight;
|
|
|
|
if (element.id == "scrollbox") {
|
|
|
|
var lastchild = $("lastline");
|
2010-01-11 13:45:21 -08:00
|
|
|
scrollWidth = Math.floor(lastchild.getBoundingClientRect().width) + paddingLeft + paddingRight;
|
|
|
|
var contentsHeight = element.lastChild.getBoundingClientRect().bottom -
|
|
|
|
element.firstChild.getBoundingClientRect().top;
|
|
|
|
scrollHeight = Math.floor(contentsHeight) + paddingTop + paddingBottom;
|
2008-08-15 15:26:37 -07:00
|
|
|
clientWidth = paddingLeft + width + paddingRight - scrollbarWidth;
|
|
|
|
clientHeight = paddingTop + height + paddingBottom - scrollbarHeight;
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
// XXXndeakin note that Mozilla adds borders here, although the spec does not
|
|
|
|
scrollWidth = paddingLeft + width + paddingRight + borderLeft + borderRight;
|
|
|
|
scrollHeight = paddingTop + height + paddingBottom + borderTop + borderBottom;
|
|
|
|
clientWidth = paddingLeft + width + paddingRight;
|
|
|
|
clientHeight = paddingTop + height + paddingBottom;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (element instanceof SVGElement)
|
|
|
|
checkScrollState(element, 0, 0, 0, 0, element.id);
|
|
|
|
else
|
|
|
|
checkScrollState(element, 0, 0, scrollWidth, scrollHeight, element.id);
|
|
|
|
|
|
|
|
if (element instanceof SVGElement)
|
|
|
|
checkClientState(element, 0, 0, 0, 0, element.id);
|
|
|
|
else
|
|
|
|
checkClientState(element, borderLeft, borderTop, clientWidth, clientHeight, element.id);
|
|
|
|
|
|
|
|
var boundingrect = element.getBoundingClientRect();
|
2009-01-14 19:27:09 -08:00
|
|
|
is(Math.round(boundingrect.width), borderLeft + paddingLeft + width + paddingRight + borderRight,
|
2008-08-15 15:26:37 -07:00
|
|
|
element.id + " bounding rect width");
|
|
|
|
is(Math.round(boundingrect.height), borderTop + paddingTop + height + paddingBottom + borderBottom,
|
|
|
|
element.id + " bounding rect height");
|
|
|
|
is(Math.round(boundingrect.right - boundingrect.left),
|
2009-01-14 19:27:09 -08:00
|
|
|
borderLeft + paddingLeft + width + paddingRight + borderRight,
|
2008-08-15 15:26:37 -07:00
|
|
|
element.id + " bounding rect right");
|
|
|
|
is(Math.round(boundingrect.bottom - boundingrect.top),
|
|
|
|
borderTop + paddingTop + height + paddingBottom + borderBottom,
|
|
|
|
element.id + " bounding rect bottom");
|
|
|
|
|
|
|
|
var rects = element.getClientRects();
|
|
|
|
if (element.id == "input-displaynone" || element.id == "nonappended") {
|
|
|
|
is(rects.length, 0, element.id + " getClientRects empty");
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
is(rects[0].left, boundingrect.left, element.id + " getClientRects left");
|
|
|
|
is(rects[0].top, boundingrect.top, element.id + " getClientRects top");
|
|
|
|
is(rects[0].right, boundingrect.right, element.id + " getClientRects right");
|
|
|
|
is(rects[0].bottom, boundingrect.bottom, element.id + " getClientRects bottom");
|
|
|
|
}
|
|
|
|
|
|
|
|
var root = document.documentElement;
|
|
|
|
gPreviousRight = Math.round(boundingrect.right) -
|
|
|
|
gcs(root, "paddingLeft") - gcs(root, "borderLeftWidth");
|
|
|
|
gPreviousBottom = Math.round(boundingrect.bottom) -
|
|
|
|
gcs(root, "paddingTop") - gcs(root, "borderTopWidth");
|
|
|
|
}
|
|
|
|
|
|
|
|
function checkScrolledElement(element, child)
|
|
|
|
{
|
|
|
|
var elemrect = element.getBoundingClientRect();
|
|
|
|
var childrect = child.getBoundingClientRect();
|
|
|
|
|
|
|
|
var topdiff = childrect.top - elemrect.top;
|
|
|
|
|
|
|
|
element.scrollTop = 20;
|
|
|
|
is(element.scrollLeft, 0, element.id + " scrollLeft after vertical scroll");
|
|
|
|
is(element.scrollTop, 20, element.id + " scrollTop after vertical scroll");
|
|
|
|
is(child.getBoundingClientRect().top, childrect.top - 20, "child position after vertical scroll");
|
|
|
|
|
|
|
|
element.scrollTop = 0;
|
|
|
|
is(element.scrollLeft, 0, element.id + " scrollLeft after vertical scroll reset");
|
|
|
|
is(element.scrollTop, 0, element.id + " scrollTop after vertical scroll reset");
|
|
|
|
is(child.getBoundingClientRect().top, childrect.top, "child position after vertical scroll reset");
|
|
|
|
|
|
|
|
element.scrollTop = 10;
|
|
|
|
element.scrollTop = -30;
|
|
|
|
is(element.scrollLeft, 0, element.id + " scrollLeft after vertical scroll negative");
|
|
|
|
is(element.scrollTop, 0, element.id + " scrollTop after vertical scroll negative");
|
|
|
|
is(child.getBoundingClientRect().top, childrect.top, "child position after vertical scroll negative");
|
|
|
|
|
|
|
|
element.scrollLeft = 18;
|
|
|
|
is(element.scrollLeft, 18, element.id + " scrollLeft after horizontal scroll");
|
|
|
|
is(element.scrollTop, 0, element.id + " scrollTop after horizontal scroll");
|
|
|
|
is(child.getBoundingClientRect().left, childrect.left - 18, "child position after horizontal scroll");
|
|
|
|
|
|
|
|
element.scrollLeft = -30;
|
|
|
|
is(element.scrollLeft, 0, element.id + " scrollLeft after horizontal scroll reset");
|
|
|
|
is(element.scrollTop, 0, element.id + " scrollTop after horizontal scroll reset");
|
|
|
|
is(child.getBoundingClientRect().left, childrect.left, "child position after horizontal scroll reset");
|
|
|
|
}
|
|
|
|
|
|
|
|
function checkOffsetState(element, left, top, width, height, parent, testname)
|
|
|
|
{
|
|
|
|
checkCoords(element, "offset", left, top, width, height, testname);
|
|
|
|
is(element.offsetParent, parent, testname + " offsetParent");
|
|
|
|
}
|
|
|
|
|
|
|
|
function checkScrollState(element, left, top, width, height, testname)
|
|
|
|
{
|
|
|
|
checkCoords(element, "scroll", left, top, width, height, testname);
|
|
|
|
}
|
|
|
|
|
|
|
|
function checkClientState(element, left, top, width, height, testname)
|
|
|
|
{
|
|
|
|
checkCoords(element, "client", left, top, width, height, testname);
|
|
|
|
}
|
|
|
|
|
|
|
|
function checkCoord(element, type, val, testname)
|
|
|
|
{
|
|
|
|
if (val != -10000)
|
|
|
|
is(element[type], val, testname + " " + type);
|
|
|
|
}
|
|
|
|
|
|
|
|
function checkCoords(element, type, left, top, width, height, testname)
|
|
|
|
{
|
|
|
|
checkCoord(element, type + "Left", left, testname);
|
|
|
|
checkCoord(element, type + "Top", top, testname);
|
|
|
|
checkCoord(element, type + "Width", width, testname);
|
|
|
|
checkCoord(element, type + "Height", height, testname);
|
|
|
|
|
|
|
|
if (element instanceof SVGElement)
|
|
|
|
return;
|
|
|
|
|
|
|
|
if (element.id == "outerpopup" && !element.parentNode.open) // closed popup
|
|
|
|
return;
|
|
|
|
|
|
|
|
if (element.id == "input-displaynone" || element.id == "nonappended") // hidden elements
|
|
|
|
ok(element[type + "Width"] == 0 && element[type + "Height"] == 0,
|
|
|
|
element.id + " has zero " + type + " width and height");
|
|
|
|
else if (element.id != "input-nosize") // for some reason, this element has a width of 2
|
|
|
|
ok(element[type + "Width"] > 0 && element[type + "Height"] > 0,
|
|
|
|
element.id + " has non-zero " + type + " width and height");
|
|
|
|
}
|
|
|
|
|
|
|
|
function gcs(element, prop)
|
|
|
|
{
|
2008-08-25 02:20:22 -07:00
|
|
|
var propVal = (element instanceof SVGElement && (prop == "width" || prop == "height")) ?
|
|
|
|
element.getAttribute(prop) : getComputedStyle(element, "")[prop];
|
|
|
|
if (propVal == "auto")
|
|
|
|
propVal = 0;
|
|
|
|
var propValFloat = parseFloat(propVal);
|
|
|
|
return (isNaN(propValFloat) ? propVal : Math.round(propValFloat));
|
2008-08-15 15:26:37 -07:00
|
|
|
}
|