summaryrefslogtreecommitdiffstats
path: root/layout/base/tests/browser_visual_viewport_iframe.js
blob: 849ab53caaaf4f8bb5f150bdc77ca5a5b6d8bd14 (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
"use strict";

add_task(async () => {
  function httpURL(filename, host = "https://example.com/") {
    let root = getRootDirectory(gTestPath).replace(
      "chrome://mochitests/content/",
      host
    );
    return root + filename;
  }

  await SpecialPowers.pushPrefEnv({
    set: [["dom.meta-viewport.enabled", true]],
  });

  const fissionWindow = await BrowserTestUtils.openNewBrowserWindow({
    fission: true,
  });
  const url = httpURL(
    "test_visual_viewport_in_oopif.html",
    "http://mochi.test:8888/"
  );
  const crossOriginIframeUrl = httpURL("visual_viewport_in_child.html");

  try {
    await BrowserTestUtils.withNewTab(
      { gBrowser: fissionWindow.gBrowser, url },
      async browser => {
        await SpecialPowers.spawn(
          browser,
          [crossOriginIframeUrl],
          async iframeUrl => {
            const iframe = content.document.getElementById("iframe");
            iframe.setAttribute("src", iframeUrl);

            let { width, height } = await new Promise(resolve => {
              content.window.addEventListener("message", msg => {
                resolve(msg.data);
              });
            });

            is(
              width,
              300,
              "visualViewport.width shouldn't be affected in out-of-process iframes"
            );
            is(
              height,
              300,
              "visualViewport.height shouldn't be affected in out-of-process iframes"
            );
          }
        );
      }
    );
  } finally {
    await BrowserTestUtils.closeWindow(fissionWindow);
  }
});