<!DOCTYPE html>
<script>
if (window.internals)
internals.useMockOverlayScrollbars();
</script>
<script src="../../resources/js-test.js"></script>
<style>
iframe { width: 100px; height: 100px; }
iframe.wider { width: 200px; }
</style>
<iframe id="frame" srcdoc="<!DOCTYPE html>iframe" onload="runTests()"></iframe>
<script>
description("Style recalc/layout when reading clientWidth of documentElement in iframe.");
var jsTestIsAsync = true;
shouldBeDefined(window.internals);
function runTests() {
clientWidthBefore = frame.contentDocument.documentElement.clientWidth;
frame.className = "wider";
clientWidthAfter = frame.contentDocument.documentElement.clientWidth;
shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "0");
shouldBe("clientWidthBefore", "100");
shouldBe("clientWidthAfter", "200");
finishJSTest();
}
</script>