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

"use strict";

const TEST_URI = URL_ROOT + "doc_markup_view-original-source.html";

// Test that event handler links go to the right debugger source when the
// event handler is source mapped.
add_task(async function () {
  const { inspector, tab, toolbox } = await openInspectorForURL(TEST_URI);

  const nodeFront = await getNodeFront("#foo", inspector);
  const container = getContainerForNodeFront(nodeFront, inspector);

  const evHolder = container.elt.querySelector(
    ".inspector-badge.interactive[data-event]"
  );

  evHolder.scrollIntoView();
  EventUtils.synthesizeMouseAtCenter(
    evHolder,
    {},
    inspector.markup.doc.defaultView
  );

  const tooltip = inspector.markup.eventDetailsTooltip;
  await tooltip.once("shown");
  await tooltip.once("event-tooltip-source-map-ready");

  const debuggerIcon = tooltip.panel.querySelector(
    ".event-tooltip-debugger-icon"
  );
  EventUtils.synthesizeMouse(debuggerIcon, 2, 2, {}, debuggerIcon.ownerGlobal);

  await gDevTools.showToolboxForTab(tab, { toolId: "jsdebugger" });
  const dbg = toolbox.getPanel("jsdebugger");

  let source;
  await BrowserTestUtils.waitForCondition(
    () => {
      source = dbg._selectors.getSelectedSource(dbg._getState());
      return !!source;
    },
    "loaded source",
    100,
    20
  );

  is(
    source.url,
    "webpack:///events_original.js",
    "expected original source to be loaded"
  );
});