michael@0: <?xml version="1.0"?>
michael@0: <?xml-stylesheet type="text/css" href="chrome://global/skin"?>
michael@0: <?xml-stylesheet type="text/css" href="/tests/SimpleTest/test.css"?>
michael@0: <!--
michael@0: https://bugzilla.mozilla.org/show_bug.cgi?id=453650
michael@0: -->
michael@0: <window title="Mozilla Bug 453650"
michael@0:         xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
michael@0: 
michael@0:   <script type="application/javascript"
michael@0:           src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
michael@0: 
michael@0:   <!-- test code goes here -->
michael@0:   <script type="application/javascript">
michael@0:   <![CDATA[
michael@0: 
michael@0:   /** Test for Bug 453650 **/
michael@0:   SimpleTest.waitForExplicitFinish();
michael@0: 
michael@0:   var Ci = Components.interfaces;
michael@0:   var Cr = Components.results;
michael@0: 
michael@0:   var iter = runTests();
michael@0:   nextTest();
michael@0: 
michael@0:   function runTests() {
michael@0:     var iframe = document.createElement("iframe");
michael@0:     iframe.style.width = "300px";
michael@0:     iframe.style.height = "300px";
michael@0:     iframe.setAttribute("src", "data:text/html,<h1 id='h'>hello</h1>");
michael@0: 
michael@0:     document.documentElement.appendChild(iframe);
michael@0:     yield whenLoaded(iframe);
michael@0:     info("iframe loaded");
michael@0: 
michael@0:     var h1 = iframe.contentDocument.getElementById("h");
michael@0:     h1.style.width = "400px";
michael@0:     yield waitForInterruptibleReflow(iframe.docShell);
michael@0: 
michael@0:     h1.style.width = "300px";
michael@0:     waitForReflow(iframe.docShell);
michael@0:     yield is(300, h1.offsetWidth, "h1 has correct width");
michael@0:   }
michael@0: 
michael@0:   function waitForInterruptibleReflow(docShell) {
michael@0:     waitForReflow(docShell, true);
michael@0:   }
michael@0: 
michael@0:   function waitForReflow(docShell, interruptible = false) {
michael@0:     function done() {
michael@0:       docShell.removeWeakReflowObserver(observer);
michael@0:       SimpleTest.executeSoon(nextTest);
michael@0:     }
michael@0: 
michael@0:     var observer = {
michael@0:       reflow: function (start, end) {
michael@0:         if (interruptible) {
michael@0:           ok(false, "expected interruptible reflow");
michael@0:         } else {
michael@0:           ok(true, "observed uninterruptible reflow");
michael@0:         }
michael@0: 
michael@0:         info("times: " + start + ", " + end);
michael@0:         ok(start < end, "reflow start time lower than end time");
michael@0:         done();
michael@0:       },
michael@0: 
michael@0:       reflowInterruptible: function (start, end) {
michael@0:         if (!interruptible) {
michael@0:           ok(false, "expected uninterruptible reflow");
michael@0:         } else {
michael@0:           ok(true, "observed interruptible reflow");
michael@0:         }
michael@0: 
michael@0:         info("times: " + start + ", " + end);
michael@0:         ok(start < end, "reflow start time lower than end time");
michael@0:         done();
michael@0:       },
michael@0: 
michael@0:       QueryInterface: function (iid) {
michael@0:         if (Ci.nsIReflowObserver.equals(iid) ||
michael@0:             Ci.nsISupportsWeakReference.equals(iid) ||
michael@0:             Ci.nsISupports.equals(iid))
michael@0:           return this;
michael@0:         throw Cr.NS_ERROR_NO_INTERFACE;
michael@0:       },
michael@0:     };
michael@0: 
michael@0:     docShell.addWeakReflowObserver(observer);
michael@0:   }
michael@0: 
michael@0:   function whenLoaded(iframe) {
michael@0:     iframe.addEventListener("load", function onLoad() {
michael@0:       iframe.removeEventListener("load", onLoad);
michael@0:       SimpleTest.executeSoon(nextTest);
michael@0:     });
michael@0:   }
michael@0: 
michael@0:   function nextTest() {
michael@0:     try {
michael@0:       iter.next();
michael@0:     } catch (e if e instanceof StopIteration) {
michael@0:       SimpleTest.finish();
michael@0:     }
michael@0:   }
michael@0: 
michael@0:   ]]>
michael@0:   </script>
michael@0: 
michael@0:   <!-- test results are displayed in the html:body -->
michael@0:   <body xmlns="http://www.w3.org/1999/xhtml">
michael@0:   <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=453650"
michael@0:      target="_blank">Mozilla Bug 453650</a>
michael@0:   </body>
michael@0: </window>