michael@0: <?xml version="1.0"?>
michael@0: <?xml-stylesheet href="chrome://global/skin" type="text/css"?>
michael@0: <?xml-stylesheet href="/tests/SimpleTest/test.css" type="text/css"?>
michael@0: 
michael@0: <window title="Popup Reflow Tests"
michael@0:   xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
michael@0: 
michael@0:   <panel id="testPanel"
michael@0:          type="arrow"
michael@0:          noautohide="true">
michael@0:   </panel>
michael@0: 
michael@0:   <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
michael@0: 
michael@0: <script>
michael@0: <![CDATA[
michael@0: const {classes: Cc, interfaces: Ci, utils: Cu} = Components;
michael@0: 
michael@0: Cu.import("resource://gre/modules/XPCOMUtils.jsm");
michael@0: Cu.import("resource://gre/modules/Promise.jsm");
michael@0: 
michael@0: let panel, anchor, arrow;
michael@0: 
michael@0: // A reflow observer - it just remembers the stack trace of all sync reflows
michael@0: // done by the panel.
michael@0: let observer = {
michael@0:   reflows: [],
michael@0:   reflow: function (start, end) {
michael@0:     this.reflows.push(new Error().stack);
michael@0:   },
michael@0: 
michael@0:   reflowInterruptible: function (start, end) {
michael@0:     // We're not interested in interruptible reflows.  Why, you ask?  Because
michael@0:     // we've simply cargo-culted this test from browser_tabopen_reflows.js!
michael@0:   },
michael@0: 
michael@0:   QueryInterface: XPCOMUtils.generateQI([Ci.nsIReflowObserver,
michael@0:                                          Ci.nsISupportsWeakReference])
michael@0: };
michael@0: 
michael@0: // A test utility that counts the reflows caused by a test function.  If the
michael@0: // count of reflows isn't what is expected, it causes a test failure and logs
michael@0: // the stack trace of all seen reflows.
michael@0: function countReflows(testfn, expected) {
michael@0:   let deferred = Promise.defer();
michael@0:   observer.reflows = [];
michael@0:   let docShell = panel.ownerDocument.defaultView
michael@0:                   .QueryInterface(Components.interfaces.nsIInterfaceRequestor)
michael@0:                   .getInterface(Components.interfaces.nsIWebNavigation)
michael@0:                   .QueryInterface(Components.interfaces.nsIDocShell);
michael@0:   docShell.addWeakReflowObserver(observer);
michael@0:   testfn().then(() => {
michael@0:     docShell.removeWeakReflowObserver(observer);
michael@0:     SimpleTest.is(observer.reflows.length, expected, "correct number of reflows");
michael@0:     if (observer.reflows.length != expected) {
michael@0:       SimpleTest.info("stack traces of reflows:\n" + observer.reflows.join("\n") + "\n");
michael@0:     }
michael@0:     deferred.resolve();
michael@0:   });
michael@0:   return deferred.promise
michael@0: }
michael@0: 
michael@0: function openPopup() {
michael@0:   let deferred = Promise.defer();
michael@0:   panel.addEventListener("popupshown", function popupshown() {
michael@0:     panel.removeEventListener("popupshown", popupshown);
michael@0:     deferred.resolve();
michael@0:   });
michael@0:   panel.openPopup(anchor, "before_start");
michael@0:   return deferred.promise
michael@0: }
michael@0: 
michael@0: // ********************
michael@0: // The actual tests...
michael@0: // We only have one atm - simply open a popup.
michael@0: //
michael@0: function testSimplePanel() {
michael@0:   return openPopup();
michael@0: }
michael@0: 
michael@0: // ********************
michael@0: // The test harness...
michael@0: //
michael@0: SimpleTest.waitForExplicitFinish();
michael@0: 
michael@0: addEventListener("load", function() {
michael@0:   anchor = document.getElementById("anchor");
michael@0:   panel = document.getElementById("testPanel");
michael@0:   arrow = document.getAnonymousElementByAttribute(panel, "anonid", "arrow");
michael@0: 
michael@0:   // Cancel the arrow panel slide-in transition (bug 767133) - we are only
michael@0:   // testing reflows in the core panel implementation and not reflows that may
michael@0:   // or may not be caused by transitioning....
michael@0:   arrow.style.transition = "none";
michael@0: 
michael@0:   // and off we go...
michael@0:   countReflows(testSimplePanel, 1).then(SimpleTest.finish);
michael@0: });
michael@0: ]]>
michael@0: </script>
michael@0: <body xmlns="http://www.w3.org/1999/xhtml">
michael@0:   <p>The anchor --&gt; <span id="anchor">v</span> &lt;--</p>
michael@0: </body>
michael@0: </window>