summaryrefslogtreecommitdiffstats
path: root/browser/base/content/test/forms/browser_selectpopup_width.js
blob: d8f748fb186d949b4c3052163b358366ff3bad16 (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
const PAGE = `
<!doctype html>
<select style="width: 600px">
  <option>ABC</option>
  <option>DEFG</option>
</select>
`;

function tick() {
  return new Promise(r =>
    requestAnimationFrame(() => requestAnimationFrame(r))
  );
}

add_task(async function () {
  const url = "data:text/html," + encodeURI(PAGE);
  await BrowserTestUtils.withNewTab(
    {
      gBrowser,
      url,
    },
    async function (browser) {
      let popup = await openSelectPopup("click");
      let arrowSB = popup.shadowRoot.querySelector(".menupopup-arrowscrollbox");
      is(
        arrowSB.getBoundingClientRect().width,
        600,
        "Should be the right size"
      );

      // Trigger a layout change that would cause us to layout the popup again,
      // and change our menulist to be zero-size so that the anchor rect
      // codepath is used. We should still use the anchor rect to expand our
      // size.
      await tick();

      popup.closest("menulist").style.width = "0";
      popup.style.minWidth = "2px";

      await tick();

      is(
        arrowSB.getBoundingClientRect().width,
        600,
        "Should be the right size"
      );
    }
  );
});