blob: 8a173a50e3466eab82ab64d8dc40b2656cef3fc2 [file] [log] [blame]
<html>
<head>
<style>
@font-face {
font-family: "test-xheight";
src: url(../../resources/Ahem.otf);
font-style: normal;
font-weight: 700;
}
.test {
font-family:"test-xheight","helvetica","arial",sans-serif;
height: 1ex;
}
</style>
</height>
<body onload="test()">
<p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=39682">bug 39682</a>:
WebKit nightly adding insane height to div at random.</p>
<p id=result>Testing...</p>
<div id=test>
<div class=test style="font-size: 10px">XXXX</div>
<div class=test style="font-size: 11px">XXXX</div>
<div class=test style="font-size: 12px">XXXX</div>
<div class=test style="font-size: 13px">XXXX</div>
<div class=test style="font-size: 14px">XXXX</div>
<div class=test style="font-size: 15px">XXXX</div>
<div class=test style="font-size: 16px">XXXX</div>
<div class=test style="font-size: 17px">XXXX</div>
<div class=test style="font-size: 18px">XXXX</div>
<div class=test style="font-size: 19px">XXXX</div>
<div class=test style="font-size: 20px">XXXX</div>
<div class=test style="font-size: 21px">XXXX</div>
<div class=test style="font-size: 22px">XXXX</div>
<div class=test style="font-size: 23px">XXXX</div>
<div class=test style="font-size: 24px">XXXX</div>
</div>
<script>
if (window.testRunner)
testRunner.dumpAsText();
function test()
{
var totalHeight = document.defaultView.getComputedStyle(document.getElementById("test"), null).getPropertyCSSValue("height");
totalHeight = totalHeight.getFloatValue(CSSPrimitiveValue.CSS_PX);
if (totalHeight > 150 && totalHeight < 300)
document.getElementById("result").innerHTML = "PASS";
else
document.getElementById("result").innerHTML = "FAIL: " + totalHeight + "px";
}
</script>
</body>
</html>