<!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"> | |
<g class="a"> | |
<rect class="a" width="200" height="100" fill="blue"/> | |
</g> | |
<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> |