summaryrefslogtreecommitdiffstats
path: root/toolkit/content/tests/widgets/test_popupreflows.xul
blob: 6969f77672b3d115ffe812254fd90bfa43ad651c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<?xml-stylesheet href="/tests/SimpleTest/test.css" type="text/css"?>

<window title="Popup Reflow Tests"
  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

  <panel id="testPanel"
         type="arrow"
         noautohide="true">
  </panel>

  <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>

<script>
<![CDATA[
var {classes: Cc, interfaces: Ci, utils: Cu} = Components;

Cu.import("resource://gre/modules/XPCOMUtils.jsm");
Cu.import("resource://gre/modules/Promise.jsm");

let panel, anchor, arrow;

// A reflow observer - it just remembers the stack trace of all sync reflows
// done by the panel.
let observer = {
  reflows: [],
  reflow: function (start, end) {
    // Ignore reflows triggered by native code
    // (Reflows from native code only have an empty stack after the first frame)
    var path = (new Error().stack).split("\n").slice(1).join("");
    if (path === "") {
      return;
    }

    this.reflows.push(new Error().stack);
  },

  reflowInterruptible: function (start, end) {
    // We're not interested in interruptible reflows.  Why, you ask?  Because
    // we've simply cargo-culted this test from browser_tabopen_reflows.js!
  },

  QueryInterface: XPCOMUtils.generateQI([Ci.nsIReflowObserver,
                                         Ci.nsISupportsWeakReference])
};

// A test utility that counts the reflows caused by a test function.  If the
// count of reflows isn't what is expected, it causes a test failure and logs
// the stack trace of all seen reflows.
function countReflows(testfn, expected) {
  let deferred = Promise.defer();
  observer.reflows = [];
  let docShell = panel.ownerDocument.defaultView
                  .QueryInterface(Components.interfaces.nsIInterfaceRequestor)
                  .getInterface(Components.interfaces.nsIWebNavigation)
                  .QueryInterface(Components.interfaces.nsIDocShell);
  docShell.addWeakReflowObserver(observer);
  testfn().then(() => {
    docShell.removeWeakReflowObserver(observer);
    SimpleTest.is(observer.reflows.length, expected, "correct number of reflows");
    if (observer.reflows.length != expected) {
      SimpleTest.info("stack traces of reflows:\n" + observer.reflows.join("\n") + "\n");
    }
    deferred.resolve();
  });
  return deferred.promise
}

function openPopup() {
  let deferred = Promise.defer();
  panel.addEventListener("popupshown", function popupshown() {
    panel.removeEventListener("popupshown", popupshown);
    deferred.resolve();
  });
  panel.openPopup(anchor, "before_start");
  return deferred.promise
}

// ********************
// The actual tests...
// We only have one atm - simply open a popup.
//
function testSimplePanel() {
  return openPopup();
}

// ********************
// The test harness...
//
SimpleTest.waitForExplicitFinish();

addEventListener("load", function() {
  anchor = document.getElementById("anchor");
  panel = document.getElementById("testPanel");
  arrow = document.getAnonymousElementByAttribute(panel, "anonid", "arrow");

  // Cancel the arrow panel slide-in transition (bug 767133) - we are only
  // testing reflows in the core panel implementation and not reflows that may
  // or may not be caused by transitioning....
  arrow.style.transition = "none";

  // and off we go...
  countReflows(testSimplePanel, 1).then(SimpleTest.finish);
});
]]>
</script>
<body xmlns="http://www.w3.org/1999/xhtml">
  <p>The anchor --&gt; <span id="anchor">v</span> &lt;--</p>
</body>
</window>