Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
/* 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
"use strict";
// Check that various highlighter elements exist.
const TEST_URL = "data:text/html;charset=utf-8,<div>test</div>";
// IDs of all highlighter elements that we expect to find in the canvasFrame.
const ELEMENTS = [
"box-model-root",
"box-model-elements",
"box-model-margin",
"box-model-border",
"box-model-padding",
"box-model-content",
"box-model-guide-top",
"box-model-guide-right",
"box-model-guide-bottom",
"box-model-guide-left",
"box-model-infobar-container",
"box-model-infobar-tagname",
"box-model-infobar-id",
"box-model-infobar-classes",
"box-model-infobar-pseudo-classes",
"box-model-infobar-dimensions",
];
add_task(async function () {
const { inspector, highlighterTestFront } = await openInspectorForURL(
TEST_URL
);
info("Show the box-model highlighter");
const divFront = await getNodeFront("div", inspector);
await inspector.highlighters.showHighlighterTypeForNode(
inspector.highlighters.TYPES.BOXMODEL,
divFront
);
for (const id of ELEMENTS) {
const foundId = await highlighterTestFront.getHighlighterNodeAttribute(
id,
"id"
);
is(foundId, id, "Element " + id + " found");
}
info("Hide the box-model highlighter");
await inspector.highlighters.hideHighlighterType(
inspector.highlighters.TYPES.BOXMODEL
);
});