59 lines
2.7 KiB
HTML
59 lines
2.7 KiB
HTML
<html>
|
|
<head>
|
|
<style>
|
|
div {
|
|
height: 9999px;
|
|
width: 9999px;
|
|
}
|
|
</style>
|
|
<script src="../../../resources/js-test-pre.js"></script>
|
|
<script>
|
|
jsTestIsAsync = true;
|
|
|
|
function runTest() {
|
|
description('Test the "scrollWidth" properties on the body element in quirks mode.');
|
|
|
|
debug("Initial values");
|
|
shouldBe("document.body.scrollWidth", "document.documentElement.scrollWidth");
|
|
|
|
debug("");
|
|
debug("Now we create a body element, it should not have a scrollWidth since it is not the first body element of the document.");
|
|
floatingBody = document.createElement('body');
|
|
shouldBe("document.body.scrollWidth", "document.documentElement.scrollWidth");
|
|
shouldBe("floatingBody.scrollWidth", "0");
|
|
|
|
secondSiblingBody = document.createElement('body');
|
|
document.documentElement.appendChild(secondSiblingBody);
|
|
debug("");
|
|
debug("We add a new body element after the first body element, this should have no impact on the state.");
|
|
shouldBe("document.body.scrollWidth", "document.documentElement.scrollWidth");
|
|
shouldBe("secondSiblingBody.scrollWidth", "secondSiblingBody.clientWidth");
|
|
shouldNotBe("document.body.scrollWidth", "secondSiblingBody.scrollWidth");
|
|
|
|
bodyChildOfMainBody = document.createElement('body');
|
|
document.body.appendChild(bodyChildOfMainBody);
|
|
debug("");
|
|
debug("We add a new body element inside the first body element, this should have no impact on the state.");
|
|
shouldBe("document.body.scrollWidth", "document.documentElement.scrollWidth");
|
|
shouldBe("bodyChildOfMainBody.scrollWidth", "bodyChildOfMainBody.clientWidth");
|
|
shouldNotBe("document.body.scrollWidth", "bodyChildOfMainBody.scrollWidth");
|
|
|
|
debug("");
|
|
debug("Getting the scrollWidth should not require a renderer.");
|
|
shouldBe("document.body.style.display = 'none'", "'none'");
|
|
shouldBe("document.body.scrollWidth", "document.documentElement.scrollWidth");
|
|
|
|
// Finally, let's clear the state to make this simpler for manual testing.
|
|
document.body.style.display = "block";
|
|
window.scrollTo(0, 0);
|
|
|
|
finishJSTest();
|
|
}
|
|
</script>
|
|
</head>
|
|
<body onload="runTest()">
|
|
<div></div>
|
|
<script src="../../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|