48 lines
1.9 KiB
JavaScript
48 lines
1.9 KiB
JavaScript
/* 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");
|
|
});
|