1 files changed, 33 insertions, 0 deletions
diff --git a/toolkit/components/pictureinpicture/tests/browser_toggleTransparentOverlay-1.js b/toolkit/components/pictureinpicture/tests/browser_toggleTransparentOverlay-1.js
new file mode 100644
index 0000000000..658bb0f362
--- /dev/null
+++ b/toolkit/components/pictureinpicture/tests/browser_toggleTransparentOverlay-1.js
@@ -0,0 +1,33 @@
+/* Any copyright is dedicated to the Public Domain.
+ * http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+/**
+ * Tests that the Picture-in-Picture toggle can appear and be clicked
+ * when the video is overlaid with transparent elements. Also tests the
+ * site-specific toggle visibility threshold to ensure that we can
+ * configure opacities that can't be clicked through.
+ */
+add_task(async () => {
+  const PAGE = TEST_ROOT + "test-transparent-overlay-1.html";
+  await testToggle(PAGE, {
+    "video-transparent-background": { canToggle: true },
+    "video-alpha-background": { canToggle: true },
+  });
+
+  // Now set a toggle visibility threshold to 0.4 and ensure that the
+  // partially obscured toggle can't be clicked.
+  Services.ppmm.sharedData.set(SHARED_DATA_KEY, {
+    "*://example.com/*": { visibilityThreshold: 0.4 },
+  });
+  Services.ppmm.sharedData.flush();
+
+  await testToggle(PAGE, {
+    "video-transparent-background": { canToggle: true },
+    "video-alpha-background": { canToggle: false },
+  });
+
+  Services.ppmm.sharedData.set(SHARED_DATA_KEY, {});
+  Services.ppmm.sharedData.flush();
+});