1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
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();
});
|
