third_party/WebKit/LayoutTests/fast/sub-pixel/shadows-computed-style.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/js-test.js"></script>
   3 <style>
   4   #text { text-shadow: 0.5px 1.5px 2.5px red; }
   5   #box { box-shadow: 0.5px 1.5px 2.5px 3.5px red; }
   6 </style>
   7
   8 <div id="text">Text shadow</div>
   9 <div id="box">Box shadow</div>
  10
  11 <script>
  12   description("Tests the computed style for subpixel shadows");
  13
  14   var text = document.getElementById("text");
  15   var box = document.getElementById("box");
  16
  17   var style = window.getComputedStyle(text, null);
  18   shouldBe("style.getPropertyValue('text-shadow')",
  19            "'rgb(255, 0, 0) 0.5px 1.5px 2.5px'");
  20   style = window.getComputedStyle(box, null);
  21   shouldBe("style.getPropertyValue('box-shadow')",
  22            "'rgb(255, 0, 0) 0.5px 1.5px 2.5px 3.5px'");
  23 </script>
  24