src/third_party/WebKit/LayoutTests/fast/css/resize-corner-tracking-transformed-iframe.html

   1 <html>
   2 <head>
   3     <title>Transformed resize corner tracking</title>
   4     <script type="text/javascript">
   5         function resize()
   6         {
   7             eventSender.mouseMoveTo(185, 233);
   8             eventSender.mouseDown();
   9             eventSender.mouseMoveTo(185, 260);
  10             eventSender.mouseUp();
  11         }
  12         function test()
  13         {
  14             if (!window.testRunner)
  15                 return;
  16
  17             resize();
  18         }
  19     </script>
  20     <style>
  21       iframe {
  22         transform: rotate(20deg);
  23         margin: 50px;
  24       }
  25     </style>
  26 </head>
  27 <body onload="test()">
  28     <hr>
  29     <p>
  30         Test for
  31         <i><a href="https://bugs.webkit.org/show_bug.cgi?id=9221">https://bugs.webkit.org/show_bug.cgi?id=9221</a>
  32         resize property doesn't work on iframes</i>.
  33     </p>
  34     <hr>
  35     <iframe id="iframe" style="resize: both; width: 150px; height: 100px; border: blue 2px solid;"></iframe>
  36
  37 </body>