Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
/* Any copyright is dedicated to the Public Domain.
"use strict";
// Test void element display in the markupview.
const TEST_URL = URL_ROOT + "doc_markup_void_elements.html";
add_task(async function () {
const { inspector } = await openInspectorForURL(TEST_URL);
const { win } = inspector.markup;
info("check non-void element closing tag is displayed");
const { editor } = await getContainerForSelector("h1", inspector);
ok(
!editor.elt.classList.contains("void-element"),
"h1 element does not have void-element class"
);
Assert.notStrictEqual(
!editor.elt.querySelector(".close").style.display,
"none",
"h1 element tag is not hidden"
);
info("check void element closing tag is hidden in HTML document");
let container = await getContainerForSelector("img", inspector);
ok(
container.editor.elt.classList.contains("void-element"),
"img element has the expected class"
);
let closeElement = container.editor.elt.querySelector(".close");
let computedStyle = win.getComputedStyle(closeElement);
Assert.strictEqual(
computedStyle.display,
"none",
"img closing tag is hidden"
);
info("check void element with pseudo element");
const hrNodeFront = await getNodeFront("hr.before", inspector);
container = getContainerForNodeFront(hrNodeFront, inspector);
ok(
container.editor.elt.classList.contains("void-element"),
"hr element has the expected class"
);
closeElement = container.editor.elt.querySelector(".close");
computedStyle = win.getComputedStyle(closeElement);
Assert.strictEqual(computedStyle.display, "none", "hr closing tag is hidden");
info("check expanded void element closing tag is not hidden");
await inspector.markup.expandNode(hrNodeFront);
await waitForMultipleChildrenUpdates(inspector);
ok(container.expanded, "hr container is expanded");
computedStyle = win.getComputedStyle(closeElement);
Assert.strictEqual(
computedStyle.display,
"none",
"hr closing tag is not hidden anymore"
);
});