<!DOCTYPE html>
<script src="../../resources/js-test.js"></script>
<style>
body { margin: 0; }
.p .a {
transform: scaleX(0);
}
.p:hover .a {
transform: scaleX(1);
fill: red;
}
</style>
<svg width="400" height="100">
<g class="p">
<text class="a" y="80" font-size="100" font-family="Ahem">XX</text>
<rect class="b" width="100" height="100" fill="green"/>
</g>
</svg>
<script>
if (window.testRunner)
eventSender.mouseMoveTo(150, 50);
shouldBeNull("document.querySelector('.p:hover .a')");
</script>