src/third_party/WebKit/LayoutTests/svg/hittest/singular-transform-1.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     <rect class="a" width="200" height="100" fill="blue"/>
  16     <rect class="b" width="100" height="100" fill="green"/>
  17   </g>
  18 </svg>
  19 <script>
  20 if (window.testRunner)
  21   eventSender.mouseMoveTo(150, 50);
  22
  23 shouldBeNull("document.querySelector('.p:hover .a')");
  24 </script>