summaryrefslogtreecommitdiffstats
path: root/browser/base/content/test/fullscreen/browser_bug1620341.js
blob: 5f765b81e806176f895df2e0f8b264af3e184da1 (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
/* Any copyright is dedicated to the Public Domain.
   http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

const tab1URL = `data:text/html,
  <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <meta charset="utf-8"/>
      <title>First tab to be loaded</title>
    </head>
    <body>
      <button>JUST A BUTTON</button>
    </body>
  </html>`;

const ORIGIN =
  "https://example.com/browser/browser/base/content/test/fullscreen/fullscreen_frame.html";

add_task(async function test_fullscreen_cross_origin() {
  async function requestFullscreenThenCloseTab() {
    await BrowserTestUtils.withNewTab(ORIGIN, async function(browser) {
      info("Start fullscreen on iframe frameAllowed");

      // Make sure there is no attribute "inDOMFullscreen" before requesting fullscreen.
      await TestUtils.waitForCondition(
        () => !document.documentElement.hasAttribute("inDOMFullscreen")
      );

      let tabbrowser = browser.ownerDocument.querySelector("#tabbrowser-tabs");
      ok(
        !tabbrowser.hasAttribute("closebuttons"),
        "Close buttons should be visible on every tab"
      );

      // Request fullscreen from iframe
      await SpecialPowers.spawn(browser, [], async function() {
        let frame = content.document.getElementById("frameAllowed");
        frame.focus();
        await SpecialPowers.spawn(frame, [], async () => {
          let frameDoc = content.document;
          const waitForFullscreen = new Promise(resolve => {
            const message = "fullscreenchange";
            function handler(evt) {
              frameDoc.removeEventListener(message, handler);
              Assert.equal(evt.type, message, `Request should be allowed`);
              resolve();
            }
            frameDoc.addEventListener(message, handler);
          });

          frameDoc.getElementById("request").click();
          await waitForFullscreen;
        });
      });

      // Make sure there is attribute "inDOMFullscreen" after requesting fullscreen.
      await TestUtils.waitForCondition(() =>
        document.documentElement.hasAttribute("inDOMFullscreen")
      );

      await TestUtils.waitForCondition(
        () => tabbrowser.hasAttribute("closebuttons"),
        "Close buttons should be visible only on the active tab (tabs have width=0 so closebuttons gets set on them)"
      );
    });
  }

  await SpecialPowers.pushPrefEnv({
    set: [
      ["full-screen-api.enabled", true],
      ["full-screen-api.allow-trusted-requests-only", false],
      ["full-screen-api.transition-duration.enter", "0 0"],
      ["full-screen-api.transition-duration.leave", "0 0"],
      ["dom.security.featurePolicy.header.enabled", true],
      ["dom.security.featurePolicy.webidl.enabled", true],
    ],
  });

  // Open a tab with tab1URL.
  let tab1 = await BrowserTestUtils.openNewForegroundTab(
    gBrowser,
    tab1URL,
    true
  );

  // 1. Open another tab and load a page with two iframes.
  // 2. Request fullscreen from an iframe which is in a different origin.
  // 3. Close the tab after receiving "fullscreenchange" message.
  // Note that we don't do "doc.exitFullscreen()" before closing the tab
  // on purpose.
  await requestFullscreenThenCloseTab();

  // Wait until attribute "inDOMFullscreen" is removed.
  await TestUtils.waitForCondition(
    () => !document.documentElement.hasAttribute("inDOMFullscreen")
  );

  await TestUtils.waitForCondition(
    () => !gBrowser.tabContainer.hasAttribute("closebuttons"),
    "Close buttons should come back to every tab"
  );

  // Remove the remaining tab and leave the test.
  let tabClosed = BrowserTestUtils.waitForTabClosing(tab1);
  BrowserTestUtils.removeTab(tab1);
  await tabClosed;
});