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