/* Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ */ "use strict"; // Test that the breadcrumbs keybindings work. const TEST_URI = URL_ROOT + "doc_inspector_breadcrumbs.html"; const TEST_DATA = [ { desc: "Pressing left should select the parent ", key: "KEY_ArrowLeft", newSelection: "body", }, { desc: "Pressing left again should select the parent ", key: "KEY_ArrowLeft", newSelection: "html", }, { desc: "Pressing left again should stay on , it's the first element", key: "KEY_ArrowLeft", newSelection: "html", }, { desc: "Pressing right should go to ", key: "KEY_ArrowRight", newSelection: "body", }, { desc: "Pressing right again should go to #i2", key: "KEY_ArrowRight", newSelection: "#i2", }, { desc: "Pressing right again should stay on #i2, it's the last element", key: "KEY_ArrowRight", newSelection: "#i2", }, ]; add_task(async function () { const { inspector } = await openInspectorForURL(TEST_URI); info("Selecting the test node"); await selectNode("#i2", inspector); info("Clicking on the corresponding breadcrumbs node to focus it"); const container = inspector.panelDoc.getElementById("inspector-breadcrumbs"); const button = container.querySelector("button[checked]"); button.click(); let currentSelection = "#id2"; for (const { desc, key, newSelection } of TEST_DATA) { info(desc); // If the selection will change, wait for the breadcrumb to update, // otherwise continue. let onUpdated = null; if (newSelection !== currentSelection) { info("Expecting a new node to be selected"); onUpdated = inspector.once("breadcrumbs-updated"); } EventUtils.synthesizeKey(key); await onUpdated; const newNodeFront = await getNodeFront(newSelection, inspector); is( newNodeFront, inspector.selection.nodeFront, "The current selection is correct" ); is( container.getAttribute("aria-activedescendant"), container.querySelector("button[checked]").id, "aria-activedescendant is set correctly" ); currentSelection = newSelection; } });