third_party/WebKit/LayoutTests/svg/hittest/singular-transform-5.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   <clipPath id="c" clipPathTransform="scale(0)">
  15     <rect width="100%" height="100%"/>
  16   </clipPath>
  17   <g class="p">
  18     <rect class="a" width="200" height="100" fill="red" clip-path="url(#c)"/>
  19     <rect class="b" width="100" height="100" fill="green"/>
  20   </g>
  21 </svg>
  22 <script>
  23 if (window.testRunner)
  24   eventSender.mouseMoveTo(150, 50);
  25
  26 shouldBeNull("document.querySelector('.p:hover .a')");
  27 </script>