1 files changed, 101 insertions, 0 deletions
diff --git a/toolkit/components/pictureinpicture/tests/browser_dblclickFullscreen.js b/toolkit/components/pictureinpicture/tests/browser_dblclickFullscreen.js
new file mode 100644
index 0000000000..c30d316fe3
--- /dev/null
+++ b/toolkit/components/pictureinpicture/tests/browser_dblclickFullscreen.js
@@ -0,0 +1,101 @@
+/* Any copyright is dedicated to the Public Domain.
+ * http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+/**
+ * Tests that double-clicking on the Picture-in-Picture player window
+ * causes it to fullscreen, and that pressing Escape allows us to exit
+ * fullscreen.
+ */
+add_task(async () => {
+  await BrowserTestUtils.withNewTab(
+    {
+      gBrowser,
+      url: TEST_PAGE,
+    },
+    async browser => {
+      let pipWin = await triggerPictureInPicture(browser, "no-controls");
+      let controls = pipWin.document.getElementById("controls");
+
+      await promiseFullscreenEntered(pipWin, async () => {
+        EventUtils.sendMouseEvent(
+          {
+            type: "dblclick",
+          },
+          controls,
+          pipWin
+        );
+      });
+
+      Assert.equal(
+        pipWin.document.fullscreenElement,
+        pipWin.document.body,
+        "Double-click caused us to enter fullscreen."
+      );
+
+      await BrowserTestUtils.waitForCondition(
+        () => {
+          let close = pipWin.document.getElementById("close");
+          let opacity = parseFloat(pipWin.getComputedStyle(close).opacity);
+          return opacity == 0.0;
+        },
+        "Close button in player should have reached 0.0 opacity",
+        100,
+        100
+      );
+
+      // First, we'll test exiting fullscreen by double-clicking again
+      // on the document body.
+
+      await promiseFullscreenExited(pipWin, async () => {
+        EventUtils.sendMouseEvent(
+          {
+            type: "dblclick",
+          },
+          controls,
+          pipWin
+        );
+      });
+
+      Assert.ok(
+        !pipWin.document.fullscreenElement,
+        "Double-click caused us to exit fullscreen."
+      );
+
+      // Now we double-click to re-enter fullscreen.
+
+      await promiseFullscreenEntered(pipWin, async () => {
+        EventUtils.sendMouseEvent(
+          {
+            type: "dblclick",
+          },
+          controls,
+          pipWin
+        );
+      });
+
+      Assert.equal(
+        pipWin.document.fullscreenElement,
+        pipWin.document.body,
+        "Double-click caused us to re-enter fullscreen."
+      );
+
+      // Finally, we check that hitting Escape lets the user leave
+      // fullscreen.
+
+      await promiseFullscreenExited(pipWin, async () => {
+        EventUtils.synthesizeKey("KEY_Escape", {}, pipWin);
+      });
+
+      Assert.ok(
+        !pipWin.document.fullscreenElement,
+        "Pressing Escape caused us to exit fullscreen."
+      );
+
+      let pipClosed = BrowserTestUtils.domWindowClosed(pipWin);
+      pipWin.close();
+      await pipClosed;
+    }
+  );
+});