browser_dom_nodes_select.js

Enable keyboard shortcuts

/* Any copyright is dedicated to the Public Domain.

 * http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

const TEST_PAGE_URL = URL_ROOT + "page_dom_nodes.html";

/**

 * Checks whether hovering nodes highlight them in the content page

*/

add_task(async function () {

  info("Test DOM panel node highlight started");

  const { panel, tab } = await addTestTab(TEST_PAGE_URL);

  const toolbox = gDevTools.getToolboxForTab(tab);

  const node = getRowByIndex(panel, 0);

  // Loading the inspector panel at first, to make it possible to listen for

  // new node selections

  await toolbox.loadTool("inspector");

  const inspector = toolbox.getPanel("inspector");

  const openInInspectorIcon = node.querySelector(".open-inspector");

  Assert.notStrictEqual(node, null, "Node was logged as expected");

  info(

    "Clicking on the inspector icon and waiting for the " +

      "inspector to be selected"

);

  const onInspectorSelected = toolbox.once("inspector-selected");

  const onInspectorUpdated = inspector.once("inspector-updated");

  const onNewNode = toolbox.selection.once("new-node-front");

  openInInspectorIcon.click();

  await onInspectorSelected;

  await onInspectorUpdated;

  const nodeFront = await onNewNode;

  ok(true, "Inspector selected and new node got selected");

  is(nodeFront.displayName, "h1", "The expected node was selected");

});