third_party/WebKit/LayoutTests/svg/custom/svg-percent-scale.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <title>Test for https://bugs.webkit.org/show_bug.cgi?id=79490</title>
   5   <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
   6   <script>
   7     window.outputRepaintRects = false;
   8     function repaintTest()
   9     {
  10       document.getElementById('resize-target').style.width = '200px';
  11       document.getElementById('resize-target').style.height = '200px';
  12     }
  13   </script>
  14 </head>
  15
  16 <body style="margin: 0; padding: 0; overflow: hidden;" onload="runRepaintAndPixelTest()">
  17   <div id="resize-target" style="width: 400px; height: 400px; position: absolute;">
  18     <!-- After window resizing, this SVG element should not be visible -->
  19     <svg width="50%" height="50%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  20       <rect fill="red" width="100" height="100"></rect>
  21     </svg>
  22   </div>
  23
  24   <div style="width: 100px; height: 100px; position: absolute; background-color: green;"></div>
  25 </body>
  26 </html>