/* Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ */ "use strict"; // Test that searching for nodes using the selector-search input expands and // selects the right nodes in the markup-view, even when those nodes are deeply // nested (and therefore not attached yet when the markup-view is initialized). const TEST_URL = URL_ROOT + "doc_markup_search.html"; add_task(async function () { const { inspector } = await openInspectorForURL(TEST_URL); let container = await getContainerForSelector("em", inspector, true); ok(!container, "The tag isn't present yet in the markup-view"); // Searching for the innermost element first makes sure that the inspector // back-end is able to attach the resulting node to the tree it knows at the // moment. When the inspector is started, the is the default selected // node, and only the parents up to the ROOT are known, and its direct // children. info("searching for the innermost child: "); await searchFor("em", inspector); container = await getContainerForSelector("em", inspector); ok(container, "The tag is now imported in the markup-view"); let nodeFront = await getNodeFront("em", inspector); is( inspector.selection.nodeFront, nodeFront, "The tag is the currently selected node" ); info("searching for other nodes too"); for (const node of ["span", "li", "ul"]) { await searchFor(node, inspector); nodeFront = await getNodeFront(node, inspector); is( inspector.selection.nodeFront, nodeFront, "The <" + node + "> tag is the currently selected node" ); } }); async function searchFor(selector, inspector) { const onNewNodeFront = inspector.selection.once("new-node-front"); searchUsingSelectorSearch(selector, inspector); await onNewNodeFront; await inspector.once("inspector-updated"); }