diff options
Diffstat (limited to 'devtools/client/inspector/test/browser_inspector_highlighter-selector_01.js')
-rw-r--r-- | devtools/client/inspector/test/browser_inspector_highlighter-selector_01.js | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/devtools/client/inspector/test/browser_inspector_highlighter-selector_01.js b/devtools/client/inspector/test/browser_inspector_highlighter-selector_01.js new file mode 100644 index 000000000..4edfe6051 --- /dev/null +++ b/devtools/client/inspector/test/browser_inspector_highlighter-selector_01.js @@ -0,0 +1,63 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +"use strict"; + +// Test that the custom selector highlighter creates as many box-model +// highlighters as there are nodes that match the given selector + +const TEST_URL = "data:text/html;charset=utf-8," + + "<div id='test-node'>test node</div>" + + "<ul>" + + " <li class='item'>item</li>" + + " <li class='item'>item</li>" + + " <li class='item'>item</li>" + + " <li class='item'>item</li>" + + " <li class='item'>item</li>" + + "</ul>"; + +const TEST_DATA = [{ + selector: "#test-node", + containerCount: 1 +}, { + selector: null, + containerCount: 0, +}, { + selector: undefined, + containerCount: 0, +}, { + selector: ".invalid-class", + containerCount: 0 +}, { + selector: ".item", + containerCount: 5 +}, { + selector: "#test-node, ul, .item", + containerCount: 7 +}]; + +requestLongerTimeout(5); + +add_task(function* () { + let {inspector, testActor} = yield openInspectorForURL(TEST_URL); + let front = inspector.inspector; + let highlighter = yield front.getHighlighterByType("SelectorHighlighter"); + + let contextNode = yield getNodeFront("body", inspector); + + for (let {selector, containerCount} of TEST_DATA) { + info("Showing the highlighter on " + selector + ". Expecting " + + containerCount + " highlighter containers"); + + yield highlighter.show(contextNode, {selector}); + + let nb = yield testActor.getSelectorHighlighterBoxNb(highlighter.actorID); + ok(nb !== null, "The number of highlighters was retrieved"); + + is(nb, containerCount, "The correct number of highlighers were created"); + yield highlighter.hide(); + } + + yield highlighter.finalize(); +}); |