src/third_party/WebKit/LayoutTests/svg/as-object/embedded-svg-size-changes.html

   1 <html xmlns="http://www.w3.org/1999/xhtml">
   2 <head>
   3 <script>window.enablePixelTesting = true;</script>
   4 <script src="../../resources/js-test.js"></script>
   5 <script src="../../fast/repaint/resources/repaint.js"></script>
   6 </head>
   7 <body style="margin: 0px" onload="runRepaintTest()">
   8
   9 <script type="text/javascript">
  10     function test1() {
  11         object1 = document.getElementsByTagName("object")[0];
  12         debug("Check initial &lt;object&gt; size, before external resource loaded");
  13
  14         shouldBeEqualToString("document.defaultView.getComputedStyle(object1).width", "300px");
  15         shouldBeEqualToString("document.defaultView.getComputedStyle(object1).height", "150px");
  16     }
  17
  18     function repaintTest() {
  19         object1 = document.getElementsByTagName("object")[0];
  20
  21         debug("");
  22         debug("Check initial &lt;object&gt; size, after external resource loaded");
  23         shouldBeEqualToString("document.defaultView.getComputedStyle(object1).width", "200px");
  24         shouldBeEqualToString("document.defaultView.getComputedStyle(object1).height", "200px");
  25
  26         setTimeout(function() {
  27             var svgDoc = object1.getSVGDocument();
  28             var svgWindow = svgDoc.defaultView;
  29             svgWindow.changeSize();
  30             test3();
  31         }, 0);
  32     }
  33
  34     function test3() {
  35         object1 = document.getElementsByTagName("object")[0];
  36
  37         debug("");
  38         debug("Check final &lt;object&gt; size, after resizing finished");
  39         shouldBeEqualToString("document.defaultView.getComputedStyle(object1).width", "400px");
  40         shouldBeEqualToString("document.defaultView.getComputedStyle(object1).height", "200px");
  41
  42         debug("");
  43         debug("Test passed if you see two green rectangles");
  44
  45         finishJSTest();
  46     }
  47 </script>
  48
  49 <object style="border: 1px red solid" data="resources/embedded-svg-size-changes.svg"></object>
  50 <p id="description"></p>
  51 <div id="console"></div>
  52
  53 <script>
  54     window.jsTestIsAsync = true;
  55     if (window.testRunner)
  56         testRunner.waitUntilDone();
  57     description("This test checks that intrinsic size changes of an embedded SVG cause immediate updates of the object that embeds it.");
  58     test1();
  59 </script>
  60 </body>
  61 </html>