<html>
<head>
<script type="text/javascript">
if (window.testRunner) {
    testRunner.testRepaint();
    testRunner.repaintSweepHorizontally();
}
</script>
<style>
    div { margin: 30px; }
    div > span { background: silver; font-size: 18px; }
    .tl { text-shadow: red -10px -10px 0; }
    .br { text-shadow: red 10px 10px 0; }
</style>
</head>
<body>
<p>
    This is a regression test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=7301">http://bugzilla.opendarwin.org/show_bug.cgi?id=7301</a>
    Text shadow does not repaint correctly</i>.
</p>
<hr>
<div>
    <span class="tl">Lorem ipsum dolor sit amet</span>
</div>
<div>
    <span class="br">Lorem ipsum dolor sit amet</span>
</div>
<div>
    Lorem ipsum <span class="tl">dolor sit amet</span>
</div>
<div>
    <span class="br">Lorem ipsum</span> dolor sit amet
</div>
</body>
</html>