blob: a07984f693ccae139398d0db2a4577edfa24bbab [file] [log] [blame]
<!DOCTYPE HTML>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
<iframe frameborder="0" style="margin-top: 10px"></iframe>
<div id="content" style="display: none">
<div id="block1" style='background-color: #ccc'>100% width</div><br>
<div style='background-color: #ddf; width: 400px; height: 300px'></div>
</div>
<script>
test(function() {
var iframedoc = document.querySelector("iframe").contentDocument;
var sheet = iframedoc.head.appendChild(iframedoc.createElement("style")).sheet;
iframedoc.body.style.margin = "0";
iframedoc.body.innerHTML = document.querySelector("#content").innerHTML;
var block = iframedoc.querySelector("#block1");
var origWidth = block.offsetWidth;
sheet.insertRule("::-webkit-scrollbar { width: 50px; height: 20px; }", 0);
sheet.insertRule("::-webkit-scrollbar-thumb { background: #cce; }", 1);
var width = block.offsetWidth;
assert_equals(250, width);
assert_less_than(width, origWidth);
});
</script>