<!DOCTYPE html>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<script>
if (window.testRunner)
    testRunner.waitUntilDone();
</script>
<style>
a { -webkit-text-emphasis-style: filled }
div { -webkit-text-emphasis-color: red; }
a:visited { -webkit-text-emphasis-color: inherit }
a, a:hover {  -webkit-text-emphasis-color: green; color: initial; text-decoration: none }
</style>
<div>
    <a id="anchor" href="">Emphasis should be green when hovered</a>
</div>
<script>
    runAfterLayoutAndPaint(function(){
        if (window.eventSender);
            eventSender.mouseMoveTo(anchor.offsetLeft + 1, anchor.offsetTop + 1);
    }, true);
</script>