43 lines
2.0 KiB
HTML
43 lines
2.0 KiB
HTML
<!DOCTYPE HTML>
|
|
</html>
|
|
<head>
|
|
<title>-webkit-margin-collapse shorthand getPropertyValue test</title>
|
|
<style>
|
|
.test {
|
|
display: inline-block;
|
|
width: 5em;
|
|
height: 10em;
|
|
}
|
|
</style>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
<script>
|
|
if (window.testRunner)
|
|
testRunner.dumpAsText();
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="margin-collapse1" class="test" style="-webkit-margin-collapse: collapse separate;"></div>
|
|
<div id="margin-collapse2" class="test" style="-webkit-margin-collapse: discard;"></div>
|
|
<div id="margin-collapse3" class="test" style="-webkit-margin-before-collapse: discard; -webkit-margin-after-collapse: separate;"></div>
|
|
<div id="margin-collapse4" class="test" style="-webkit-margin-collapse: foo;"></div>
|
|
<div id="margin-collapse5" class="test" style="-webkit-margin-before-collapse: collapse;"></div>
|
|
<script>
|
|
description("<a href=\"https://bugs.webkit.org/show_bug.cgi?id=110903\">Bug 110903: getPropertyValue for -webkit-margin-collapse returns null, should compute the shorthand value</a>");
|
|
|
|
function webkitMarginCollapseValue(id) {
|
|
var element = document.getElementById(id);
|
|
return element.style.getPropertyValue("-webkit-margin-collapse");
|
|
}
|
|
|
|
shouldBe('webkitMarginCollapseValue("margin-collapse1")', "'collapse separate'");
|
|
shouldBe('webkitMarginCollapseValue("margin-collapse2")', "'discard discard'");
|
|
shouldBe('webkitMarginCollapseValue("margin-collapse3")', "'discard separate'");
|
|
debug("NOTE: 'foo' is an illegal CSS value for '-webkit-margin-collapse'.");
|
|
shouldBeEqualToString('webkitMarginCollapseValue("margin-collapse4")', "");
|
|
debug("NOTE: If only few longhand properties are specified, getPropertyValue for shorthand property returns the empty string.")
|
|
shouldBeEqualToString('webkitMarginCollapseValue("margin-collapse5")', "");
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|