<!DOCTYPE html>
<script src="../../resources/js-test.js"></script>
<style>
#text { text-shadow: 0.5px 1.5px 2.5px red; }
#box { box-shadow: 0.5px 1.5px 2.5px 3.5px red; }
</style>
<div id="text">Text shadow</div>
<div id="box">Box shadow</div>
<script>
description("Tests the computed style for subpixel shadows");
var text = document.getElementById("text");
var box = document.getElementById("box");
var style = window.getComputedStyle(text, null);
shouldBe("style.getPropertyValue('text-shadow')",
"'rgb(255, 0, 0) 0.5px 1.5px 2.5px'");
style = window.getComputedStyle(box, null);
shouldBe("style.getPropertyValue('box-shadow')",
"'rgb(255, 0, 0) 0.5px 1.5px 2.5px 3.5px'");
</script>