summaryrefslogtreecommitdiffstats
path: root/devtools/client/inspector/test/browser_inspector_highlighter-selector_02.js
blob: 94ccd624e008121b25e2c4e8cb6984c72330a9a3 (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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
/* 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(async function () {
  const { inspector } = await openInspectorForURL(TEST_URL);

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

    let contextNode;
    if (inIframe) {
      contextNode = await getNodeFrontInFrames(["iframe", "body"], inspector);
    } else {
      contextNode = await getNodeFront("body", inspector);
    }

    const inspectorFront = await contextNode.targetFront.getFront("inspector");
    const highlighter = await inspectorFront.getHighlighterByType(
      "SelectorHighlighter"
    );
    const highlighterTestFront = await getHighlighterTestFront(
      inspector.toolbox,
      {
        target: contextNode.targetFront,
      }
    );

    await highlighter.show(contextNode, { selector });

    const nb = await highlighterTestFront.getSelectorHighlighterBoxNb(
      highlighter.actorID
    );
    Assert.notStrictEqual(nb, null, "The number of highlighters was retrieved");

    is(nb, containerCount, "The correct number of highlighers were created");
    await highlighter.hide();
    await highlighter.finalize();
  }
});