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