64 lines
1.8 KiB
HTML
64 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
<script>
|
|
function getComputedStyleForElement(element, cssPropertyName)
|
|
{
|
|
if (window.getComputedStyle) {
|
|
return window.getComputedStyle(element, '').getPropertyValue(cssPropertyName);
|
|
}
|
|
return null;
|
|
}
|
|
function getWidth(id)
|
|
{
|
|
return getComputedStyleForElement(document.getElementById(id), 'width');
|
|
}
|
|
function test()
|
|
{
|
|
description("For the following, the width of the containing inline-block box should be 94px [goverened by the min-width of the text (64px) plus the padding (30px)].");
|
|
|
|
shouldBe("getWidth('div1')", "'94px'");
|
|
shouldBe("getWidth('div2')", "'94px'");
|
|
shouldBe("getWidth('div3')", "'94px'");
|
|
|
|
document.body.removeChild(document.getElementById('wrapper'));
|
|
|
|
isSuccessfullyParsed();
|
|
}
|
|
</script>
|
|
<style>
|
|
.test {
|
|
display: inline-block;
|
|
border: 1px solid black;
|
|
font-family: ahem;
|
|
}
|
|
div > span {
|
|
padding-left: 30px;
|
|
}
|
|
img {
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body onload="test()">
|
|
<div>Test for Bugzilla bug:<a href="https://bugs.webkit.org/show_bug.cgi?id=99442"> 99442</a> Regression r130057: Improper preferred width calculation when an inline replaced object, wrapped in an inline flow, follows some text.</div>
|
|
<br>
|
|
<div id="wrapper" style="width: 50px;">
|
|
<div class="test" id="div1">
|
|
<span>This is some text</span><span><img src="resources/50x50.gif"/></span>
|
|
</div>
|
|
<div class="test" id="div2">
|
|
<span>This is some text</span><span><img src="resources/50x50.gif"/></span><span>This is some text</span>
|
|
</div>
|
|
<div class="test" id="div3">
|
|
<span>This is some text</span><span><img src="resources/50x50.gif"/></span><span><img src="resources/50x50.gif"/></span><span><img src="resources/50x50.gif"/></span>
|
|
</div>
|
|
</div>
|
|
<p id="description"></p>
|
|
<div id="console"></div>
|
|
</body>
|
|
</html>
|
|
|