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
|
/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
"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"
);
});
|