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
|
/* 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 hovering over nodes on the breadcrumb buttons in the inspector
// shows the highlighter over those nodes
add_task(function* () {
info("Loading the test document and opening the inspector");
let {toolbox, inspector, testActor} = yield openInspectorForURL(
"data:text/html;charset=utf-8,<h1>foo</h1><span>bar</span>");
info("Selecting the test node");
yield selectNode("span", inspector);
let bcButtons = inspector.breadcrumbs.container;
let onNodeHighlighted = toolbox.once("node-highlight");
let button = bcButtons.childNodes[1];
EventUtils.synthesizeMouseAtCenter(button, {type: "mousemove"},
button.ownerDocument.defaultView);
yield onNodeHighlighted;
let isVisible = yield testActor.isHighlighting();
ok(isVisible, "The highlighter is shown on a markup container hover");
ok((yield testActor.assertHighlightedNode("body")),
"The highlighter highlights the right node");
let onNodeUnhighlighted = toolbox.once("node-unhighlight");
// move outside of the breadcrumb trail to trigger unhighlight
EventUtils.synthesizeMouseAtCenter(inspector.addNodeButton,
{type: "mousemove"},
inspector.addNodeButton.ownerDocument.defaultView);
yield onNodeUnhighlighted;
onNodeHighlighted = toolbox.once("node-highlight");
button = bcButtons.childNodes[2];
EventUtils.synthesizeMouseAtCenter(button, {type: "mousemove"},
button.ownerDocument.defaultView);
yield onNodeHighlighted;
isVisible = yield testActor.isHighlighting();
ok(isVisible, "The highlighter is shown on a markup container hover");
ok((yield testActor.assertHighlightedNode("span")),
"The highlighter highlights the right node");
});
|
