/* 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();
});
