LayoutTests/svg/as-image/svg-image-change-content-size.xhtml

   1 <html xmlns="http://www.w3.org/1999/xhtml">
   2 <head>
   3 <style>
   4     img, div {
   5         width: 420px;
   6         height: 420px;
   7     }
   8     div {
   9         border: red 1px solid;
  10     }
  11 </style>
  12 </head>
  13 <body>
  14     <p>The svg image contained in the div element (red box) should not change its appearance when width is resized to be larger</p>
  15     <div id="contentBox" onclick="resizeBox()">
  16         <img src="../as-background-image/resources/butterfly.svg"/>
  17     </div>
  18
  19     <script type="JavaScript">
  20         if (window.layoutTestController)
  21             layoutTestController.waitUntilDone();
  22
  23         if (window.eventSender) {
  24             window.setTimeout(function() {
  25                 eventSender.mouseMoveTo(50, 250);
  26                 eventSender.mouseDown();
  27                 eventSender.mouseUp();
  28             }, 0);
  29         }
  30
  31         function resizeBox() {
  32             document.getElementById("contentBox").style.setProperty("width", "600px");
  33             if (window.layoutTestController)
  34                 layoutTestController.notifyDone();
  35         }
  36     </script>
  37 </body>
  38 </html>