<style>
.container { pointer-events:none; display:inline-block; }
.target { background-color: red; height:200px; width:200px; pointer-events:auto}
.target:hover { background-color: green; }
</style>
<script>
async function test() {
    if (!window.testRunner)
        return;
    testRunner.waitUntilDone();

    await new Promise(requestAnimationFrame);

    eventSender.mouseMoveTo(100, 100);

    await new Promise(requestAnimationFrame);
    
    testRunner.notifyDone();
}
</script>
<body onload="test()">
<div class=container>
<div class=target>
hover me
</div>
</div>