"use strict";

const kPage =
  "http://example.org/browser/" + "dom/html/test/file_content_contextmenu.html";

add_task(async function() {
  await SpecialPowers.pushPrefEnv({
    set: [["dom.menuitem.enabled", true]],
  });
  await BrowserTestUtils.withNewTab(
    {
      gBrowser,
      url: kPage,
    },
    async function(aBrowser) {
      let contextMenu = document.getElementById("contentAreaContextMenu");
      ok(contextMenu, "Got context menu");

      info("Open context menu");
      is(contextMenu.state, "closed", "Should not have opened context menu");
      let popupShownPromise = promiseWaitForEvent(window, "popupshown");
      EventUtils.synthesizeMouse(
        aBrowser,
        window.innerWidth / 3,
        window.innerHeight / 3,
        { type: "contextmenu", button: 2 },
        window
      );
      await popupShownPromise;
      is(contextMenu.state, "open", "Should have opened context menu");

      let pageMenuSep = document.getElementById("page-menu-separator");
      ok(
        pageMenuSep && !pageMenuSep.hidden,
        "Page menu separator should be shown"
      );

      let testMenuSep = pageMenuSep.previousElementSibling;
      ok(
        testMenuSep && !testMenuSep.hidden,
        "User-added menu separator should be shown"
      );

      let testMenuItem = testMenuSep.previousElementSibling;
      is(
        testMenuItem.label,
        "Test Context Menu Click",
        "Got context menu item"
      );

      let promiseCtxMenuClick = SpecialPowers.spawn(
        aBrowser,
        [],
        async function() {
          await new Promise(resolve => {
            let windowUtils = content.windowUtils;
            let menuitem = content.document.getElementById("menuitem");
            menuitem.addEventListener("click", function() {
              Assert.ok(
                windowUtils.isHandlingUserInput,
                "Content menu click should be a user input"
              );
              resolve();
            });
          });
        }
      );
      EventUtils.synthesizeMouseAtCenter(testMenuItem, {}, window);
      await promiseCtxMenuClick;
    }
  );
});
