<!DOCTYPE HTML>
</html>
<head>
<title>-webkit-text-stroke shorthand getPropertyValue test</title>
<style>
.test {
width: 5em;
height: 10em;
}
</style>
<script src="../../resources/js-test.js"></script>
<script>
if (window.testRunner)
testRunner.dumpAsText();
</script>
</head>
<body>
<div id="text-stroke1" class="test" style="-webkit-text-stroke: thin red;"></div>
<div id="text-stroke2" class="test" style="-webkit-text-stroke: green;"></div>
<div id="text-stroke3" class="test" style="-webkit-text-stroke: thin;"></div>
<div id="text-stroke4" class="test" style="-webkit-text-stroke: 1px red;"></div>
<div id="text-stroke5" class="test" style="-webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black;"></div>
<div id="text-stroke6" class="test" style="-webkit-text-stroke: foo;"></div>
<div id="text-stroke7" class="test" style="-webkit-text-stroke-color: green;"></div>
<script>
description("<a href=\"https://bugs.webkit.org/show_bug.cgi?id=111018\">Bug 111018: getPropertyValue for -webkit-text-stroke returns null, should compute the shorthand value</a>");
function webkitTextStrokeValue(id) {
var element = document.getElementById(id);
return element.style.getPropertyValue("-webkit-text-stroke");
}
shouldBeEqualToString('webkitTextStrokeValue("text-stroke1")', 'thin red');
shouldBeEqualToString('webkitTextStrokeValue("text-stroke2")', 'green');
shouldBeEqualToString('webkitTextStrokeValue("text-stroke3")', 'thin');
shouldBeEqualToString('webkitTextStrokeValue("text-stroke4")', '1px red');
shouldBeEqualToString('webkitTextStrokeValue("text-stroke5")', '1px black');
debug("NOTE: 'foo' is an illegal CSS value for '-webkit-text-stroke'.");
shouldBeEqualToString('webkitTextStrokeValue("text-stroke6")', "");
debug("NOTE: If only few longhand properties are specified, getPropertyValue for shorthand property returns empty string.")
shouldBeEqualToString('webkitTextStrokeValue("text-stroke7")', "");
</script>
</body>
</html>
Codebase Browser
chromium