diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
| commit | 36d22d82aa202bb199967e9512281e9a53db42c9 (patch) | |
| tree | 105e8c98ddea1c1e4784a60a5a6410fa416be2de /layout/inspector/tests/test_bug609549-shadow.xhtml | |
| parent | Initial commit. (diff) | |
| download | firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.tar.xz firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.zip | |
Adding upstream version 115.7.0esr.upstream/115.7.0esrupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'layout/inspector/tests/test_bug609549-shadow.xhtml')
| -rw-r--r-- | layout/inspector/tests/test_bug609549-shadow.xhtml | 79 |
1 files changed, 79 insertions, 0 deletions
diff --git a/layout/inspector/tests/test_bug609549-shadow.xhtml b/layout/inspector/tests/test_bug609549-shadow.xhtml new file mode 100644 index 0000000000..230886e39d --- /dev/null +++ b/layout/inspector/tests/test_bug609549-shadow.xhtml @@ -0,0 +1,79 @@ +<html xmlns="http://www.w3.org/1999/xhtml"> +<!-- +https://bugzilla.mozilla.org/show_bug.cgi?id=609549 +--> +<head> + <title>Test for Bug 609549</title> + <script src="/tests/SimpleTest/SimpleTest.js"></script> + <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> +</head> + +<body> +<!-- No linebreaks since this is html and whitespace is preserved. --> +<template id="template"><div anonid="box-A">x</div><div anonid="box-B"><slot name="name-span"/></div><div anonid="box-C">x</div><slot/></template> +<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=609549">Mozilla Bug 609549</a> + +<custom-element id="bound"><p id="p">lorem ipsum dolor sit amet</p><span id="sandwiched" slot="name-span">sandwiched</span></custom-element> + +<div id="content" style="display: none"> + +</div> +<pre id="test"> +<script> +<![CDATA[ + +/** Test for Bug 609549 **/ +SimpleTest.waitForExplicitFinish(); + +customElements.define("custom-element", class extends HTMLElement { + constructor() { + super(); + const template = document.getElementById("template"); + const shadowRoot = this.attachShadow({mode: "open"}) + .appendChild(template.content.cloneNode(true)); + } +}); + +const InspectorUtils = SpecialPowers.InspectorUtils; + +addLoadEvent(function() { + ok("getChildrenForNode" in InspectorUtils, "InspectorUtils has no getChildrenForNode"); + var withoutAnons = + InspectorUtils.getChildrenForNode($("bound"), false, false); + + is(withoutAnons.length, $("bound").childNodes.length, + "withoutAnons should be the same length as childNodes"); + is(SpecialPowers.unwrap(withoutAnons[0]), $("p"), "didn't get paragraph - without anons"); + is(SpecialPowers.unwrap(withoutAnons[1]), $("sandwiched"), + "didn't get sandwiched span - without anons"); + + var withAnons = InspectorUtils.getChildrenForNode($("bound"), true, false); + is(withAnons.length, 3, "bad withAnons.length"); + ok(SpecialPowers.unwrap(withAnons[0]) instanceof ShadowRoot, "First one is shadow"); + is(SpecialPowers.unwrap(withAnons[1]), $("p"), "didn't get paragraph - without anons"); + is(SpecialPowers.unwrap(withAnons[2]), $("sandwiched"), + "didn't get sandwiched span - without anons"); + + withAnons = InspectorUtils.getChildrenForNode(withAnons[0], true, false); + is(withAnons.length, 4, "bad withAnons.length"); + is(withAnons[0].getAttribute("anonid"), "box-A", + "didn't get anonymous box-A"); + is(withAnons[1].getAttribute("anonid"), "box-B", + "didn't get anonymous box-B"); + is(withAnons[2].getAttribute("anonid"), "box-C", + "didn't get anonymous box-C"); + is(withAnons[3].assignedNodes()[0].id, "p", "didn't get paragraph - with anons"); + + var bKids = InspectorUtils.getChildrenForNode(withAnons[1], true, false)[0].assignedNodes(); + is(bKids.length, 1, "bKids.length is bad"); + is(SpecialPowers.unwrap(bKids[0]), $("sandwiched"), + "didn't get sandwiched span inserted into box-B"); + + SimpleTest.finish(); +}); + +]]> +</script> +</pre> +</body> +</html> |