blob: 0d4126627a5c2062288ef8f6a15f2297587fde57 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<script src="../js/resources/js-test-pre.js"></script>
<script>
if (window.testRunner) {
testRunner.waitUntilDone();
testRunner.dumpAsText();
}
function getComputedStyleForElement(element, cssPropertyName)
{
if (!element) {
return null;
}
if (window.getComputedStyle) {
return window.getComputedStyle(element, '').getPropertyValue(cssPropertyName.replace(/([A-Z])/g, "-$1").toLowerCase());
}
if (element.currentStyle) {
return element.currentStyle[cssPropertyName];
}
return null;
}
function parsePixelValue(str)
{
if (typeof str != "string" || str.length < 3 || str.substr(str.length - 2) != "px") {
testFailed(str + " is unparsable.");
return -1;
}
return parseFloat(str);
}
function getHeight(id)
{
return parsePixelValue(getComputedStyleForElement(document.getElementById(id), 'height'));
}
function test()
{
description("This test checks that iframe with percentage height within table cell ignores the table cell height attribute (strict mode).");
shouldBe("getHeight('iframe-100')", "window.innerHeight");
isSuccessfullyParsed();
if (window.testRunner) {
testRunner.notifyDone();
}
}
</script>
<style>
html, body { height: 100%; margin: 0px; }
iframe { height: 100%;}
</style>
</head>
<body onload="test()">
<p id="description"></p>
<div id="console"></div>
<div style='height: 100%; display:table;'>
<div style='height: 100%; display:table-row;'>
<div style='display:table-cell;'>
<iframe id='iframe-100' frameborder='0px' src='data:text/html;charset=utf-8,<body></body>'></iframe>
</div>
</div>
</div>
</body>
</html>