blob: fb98b7cb3599f45b8e10f7012143fc71db4cef43 (
plain)
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
|
/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
// Test that the shadow root mode is displayed properly
const TEST_URL = `data:text/html;charset=utf-8,
<closed-component></closed-component>
<open-component></open-component>
<script>
'use strict';
customElements.define("closed-component", class extends HTMLElement {
constructor() {
super();
this.attachShadow({mode: "closed"});
}
});
customElements.define("open-component", class extends HTMLElement {
constructor() {
super();
this.attachShadow({ mode: "open" });
}
});
</script>
`;
add_task(async function () {
const { inspector } = await openInspectorForURL(TEST_URL);
const { markup } = inspector;
info("Find and expand the closed-component shadow DOM host.");
const closedHostFront = await getNodeFront("closed-component", inspector);
const closedHostContainer = markup.getContainer(closedHostFront);
await expandContainer(inspector, closedHostContainer);
info("Check the shadow root mode");
const closedShadowRootContainer = closedHostContainer.getChildContainers()[0];
assertContainerHasText(closedShadowRootContainer, "#shadow-root (closed)");
info("Find and expand the open-component shadow DOM host.");
const openHostFront = await getNodeFront("open-component", inspector);
const openHostContainer = markup.getContainer(openHostFront);
await expandContainer(inspector, openHostContainer);
info("Check the shadow root mode");
const openShadowRootContainer = openHostContainer.getChildContainers()[0];
assertContainerHasText(openShadowRootContainer, "#shadow-root (open)");
});
|
