browser_inspector_search-05.js

Enable keyboard shortcuts

/* Any copyright is dedicated to the Public Domain.

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

"use strict";

// Testing that when search results contain suggestions for nodes in other

// frames, selecting these suggestions actually selects the right nodes.

requestLongerTimeout(2);

add_task(async function () {

  const { inspector } = await openInspectorForURL(

    `${URL_ROOT_ORG_SSL}doc_inspector_search-iframes.html`

);

  info("Focus the search box");

  await focusSearchBoxUsingShortcut(inspector.panelWin);

  info("Enter # to search for all ids");

  let processingDone = once(inspector.searchSuggestions, "processing-done");

  EventUtils.synthesizeKey("#", {}, inspector.panelWin);

  info("Wait for search query to complete");

  await processingDone;

  info("Press tab to fill the search input with the first suggestion");

  processingDone = once(inspector.searchSuggestions, "processing-done");

  EventUtils.synthesizeKey("VK_TAB", {}, inspector.panelWin);

  await processingDone;

  info("Press enter and expect a new selection");

  let onSelect = inspector.once("inspector-updated");

  EventUtils.synthesizeKey("VK_RETURN", {}, inspector.panelWin);

  await onSelect;

  await checkCorrectButton(inspector, ["#iframe-1"]);

  info("Press enter to cycle through multiple nodes matching this suggestion");

  onSelect = inspector.once("inspector-updated");

  EventUtils.synthesizeKey("VK_RETURN", {}, inspector.panelWin);

  await onSelect;

  await checkCorrectButton(inspector, ["#iframe-2"]);

  info("Press enter to cycle through multiple nodes matching this suggestion");

  onSelect = inspector.once("inspector-updated");

  EventUtils.synthesizeKey("VK_RETURN", {}, inspector.panelWin);

  await onSelect;

  await checkCorrectButton(inspector, ["#iframe-3"]);

  info("Press enter to cycle through multiple nodes matching this suggestion");

  onSelect = inspector.once("inspector-updated");

  EventUtils.synthesizeKey("VK_RETURN", {}, inspector.panelWin);

  await onSelect;

  await checkCorrectButton(inspector, ["#iframe-3", "#iframe-4"]);

  info("Press enter to cycle through multiple nodes matching this suggestion");

  onSelect = inspector.once("inspector-updated");

  EventUtils.synthesizeKey("VK_RETURN", {}, inspector.panelWin);

  await onSelect;

  await checkCorrectButton(inspector, ["#iframe-1"]);

});

const checkCorrectButton = async function (inspector, frameSelector) {

  const nodeFrontInfo = await getSelectedNodeFrontInfo(inspector);

  is(nodeFrontInfo.nodeFront.id, "b1", "The selected node is #b1");

is(

    nodeFrontInfo.nodeFront.tagName.toLowerCase(),

    "button",

    "The selected node is <button>"

);

  const iframe = await getNodeFrontInFrames(frameSelector, inspector);

  const expectedDocument = (await iframe.walkerFront.children(iframe)).nodes[0];

is(

    nodeFrontInfo.document,

    expectedDocument,

    "The selected node is in " + frameSelector

);

};

/**

 * Gets the currently selected nodefront. It also finds the

 * document node which contains the node.

 * @param   {Object} inspector

 * @returns {Object}

 *          nodeFront - The currently selected nodeFront

 *          document - The document which contains the node.

*/

async function getSelectedNodeFrontInfo(inspector) {

  const { selection, commands } = inspector;

  const nodeFront = selection.nodeFront;

  const inspectors = await commands.inspectorCommand.getAllInspectorFronts();

  for (let i = 0; i < inspectors.length; i++) {

    const inspectorFront = inspectors[i];

    if (inspectorFront.walker == nodeFront.walkerFront) {

      const document = await inspectorFront.walker.document(nodeFront);

      return { nodeFront, document };

  return null;