summaryrefslogtreecommitdiffstats
path: root/devtools/client/inspector/test/browser_inspector_highlighter-selector_02.js
blob: 85fcaeb1ca2b809d67429e91ced088e4b2e57062 (plain)
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
/* 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 highlighters for nodes in
// the right frame.

const FRAME_SRC = "data:text/html;charset=utf-8," +
  "<div class=sub-level-node></div>";

const TEST_URL = "data:text/html;charset=utf-8," +
  "<div class=root-level-node></div>" +
  "<iframe src=\"" + FRAME_SRC + "\" />";

const TEST_DATA = [{
  selector: ".root-level-node",
  containerCount: 1
}, {
  selector: ".sub-level-node",
  containerCount: 0
}, {
  inIframe: true,
  selector: ".root-level-node",
  containerCount: 0
}, {
  inIframe: true,
  selector: ".sub-level-node",
  containerCount: 1
}];

requestLongerTimeout(5);

add_task(function* () {
  let {inspector, testActor} = yield openInspectorForURL(TEST_URL);
  let front = inspector.inspector;
  let highlighter = yield front.getHighlighterByType("SelectorHighlighter");

  for (let {inIframe, selector, containerCount} of TEST_DATA) {
    info("Showing the highlighter on " + selector + ". Expecting " +
      containerCount + " highlighter containers");

    let contextNode;
    if (inIframe) {
      contextNode = yield getNodeFrontInFrame("body", "iframe", inspector);
    } else {
      contextNode = yield getNodeFront("body", inspector);
    }

    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();
});