src/third_party/WebKit/LayoutTests/svg/hittest/singular-transform-4.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/js-test.js"></script>
   3 <style>
   4 body { margin: 0; }
   5 .p .a {
   6   transform: scaleX(0);
   7 }
   8 .p:hover .a {
   9   transform: scaleX(1);
  10   fill: red;
  11 }
  12 </style>
  13 <svg width="400" height="100">
  14   <g class="p">
  15     <image class="a" width="200" height="100" preserveAspectRatio="none"
  16            xlink:href="../custom/resources/red-checker.png"></image>
  17     <rect class="b" width="100" height="100" fill="green"/>
  18   </g>
  19 </svg>
  20 <script>
  21 if (window.testRunner)
  22   eventSender.mouseMoveTo(150, 50);
  23
  24 shouldBeNull("document.querySelector('.p:hover .a')");
  25 </script>