/* Any copyright is dedicated to the Public Domain.
 http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

// Tests that the contextual menu items shown when clicking on links in
// attributes actually do the right things.

const TEST_URL = URL_ROOT_SSL + "doc_markup_links.html";

add_task(async function () {
  const { inspector } = await openInspectorForURL(TEST_URL);

  info("Select a node with a URI attribute");
  await selectNode("video", inspector);

  info("Set the popupNode to the node that contains the uri");
  let { editor } = await getContainerForSelector("video", inspector);
  let contextMenuItem = openContextMenuAndGetLinkFollowItem(
    inspector,
    editor.attrElements.get("poster").querySelector(".link")
  );

  info("Follow the link and wait for the new tab to open");
  const onTabOpened = once(gBrowser.tabContainer, "TabOpen");
  contextMenuItem.click();
  const { target: tab } = await onTabOpened;
  await BrowserTestUtils.browserLoaded(tab.linkedBrowser);

  ok(true, "A new tab opened");
  is(
    tab.linkedBrowser.currentURI.spec,
    URL_ROOT_SSL + "doc_markup_tooltip.png",
    "The URL for the new tab is correct"
  );
  gBrowser.removeTab(tab);

  info("Select a node with a IDREF attribute");
  await selectNode("label", inspector);

  info("Set the popupNode to the node that contains the ref");
  ({ editor } = await getContainerForSelector("label", inspector));
  contextMenuItem = openContextMenuAndGetLinkFollowItem(
    inspector,
    editor.attrElements.get("for").querySelector(".link")
  );

  info("Follow the link and wait for the new node to be selected");
  const onSelection = inspector.selection.once("new-node-front");
  contextMenuItem.click();
  await onSelection;

  ok(true, "A new node was selected");
  is(inspector.selection.nodeFront.id, "name", "The right node was selected");

  info("Select a node with an invalid IDREF attribute");
  await selectNode("output", inspector);

  info("Set the popupNode to the node that contains the ref");
  ({ editor } = await getContainerForSelector("output", inspector));
  contextMenuItem = openContextMenuAndGetLinkFollowItem(
    inspector,
    editor.attrElements.get("for").querySelectorAll(".link")[2]
  );

  info("Try to follow the link and check that no new node were selected");
  const onFailed = inspector.markup.once("idref-attribute-link-failed");
  contextMenuItem.click();
  await onFailed;

  ok(true, "The node selection failed");
  is(
    inspector.selection.nodeFront.tagName.toLowerCase(),
    "output",
    "The <output> node is still selected"
  );
});

function openContextMenuAndGetLinkFollowItem(inspector, target) {
  const items = openContextMenuAndGetAllItems(inspector, {
    target,
  });
  return items.find(({ id }) => id == "node-menu-link-follow");
}
