blob: 01460a34e3f976d21e8312cde707d210562bd884 [file] [log] [blame]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
</style>
<script>
if (window.testRunner)
testRunner.dumpAsText();
function checkLineHeight(fontSize, lineHeightPercent, expectedLineHeight) {
var testElement = document.getElementById('testElement');
testElement.style.fontSize = fontSize;
testElement.style.lineHeight = lineHeightPercent;
var style = document.defaultView.getComputedStyle(testElement, null);
var actualLineHeight = style.getPropertyValue('line-height');
if (actualLineHeight != expectedLineHeight) {
return "FAIL: font size: " + fontSize +
"; line height percent: " + lineHeightPercent +
"; expected line height: " + expectedLineHeight +
"; actual line height: " + actualLineHeight + "<br>";
}
return "";
}
function test() {
var message = checkLineHeight("10px", 1.05, '11px'); // 10*1.05 = 10.50
message += checkLineHeight("10px", 1.049, '10px'); // 10*1.049 = 10.49
message += checkLineHeight("10px", 0, '0px'); // 10*0 = 0
message += checkLineHeight("10px", 1, '10px'); // 10*1.00 = 10.00
if (message != "")
document.getElementById("results").innerHTML = "Test failed:<br>" + message;
else
document.getElementById("results").innerHTML = "Test passed.";
document.getElementById('testElement').innerHTML = "";
}
</script>
</head>
<body onload="test()">
<p>This tests non-integer line height is rounded to the nearest integer.</p>
<p id='testElement'>test data</p>
<div id='results'></div>
</body>
</html>