<!DOCTYPE HTML>
</html>
  <head>
    <title>-webkit-text-stroke shorthand getPropertyValue test</title>
    <style>
      .test {
        width: 5em;
        height: 10em;
      }
    </style>
    <script src="../../resources/js-test-pre.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 the empty string.")
      shouldBeEqualToString('webkitTextStrokeValue("text-stroke7")', "");
    </script>
    <script src="../../resources/js-test-post.js"></script>
  </body>
</html>
