<!DOCTYPE HTML> | |
<script src="../resources/testharness.js"></script> | |
<script src="../resources/testharnessreport.js"></script> | |
<script src="../resources/run-after-layout-and-paint.js"></script> | |
<div id="scroller" style="overflow:auto; width:100px; height:100px"> | |
<div id="content" style="width:100px; height:100px; background:blue"> | |
</div> | |
</div> | |
<script> | |
async_test(function(t) { | |
var scroller = document.getElementById("scroller"); | |
var content = document.getElementById("content"); | |
content.style.height = "110px"; | |
runAfterLayoutAndPaint(t.step_func(function() { | |
assert_equals(scroller.clientWidth, 85); | |
content.style.height = "100px"; | |
runAfterLayoutAndPaint(t.step_func_done(function() { | |
assert_equals(scroller.clientHeight, 100); | |
})); | |
})); | |
}); | |
</script> |