summaryrefslogtreecommitdiffstats
path: root/layout/reftests/css-selectors/sibling-combinators-on-anon-content-2-shadow.xhtml
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/css-selectors/sibling-combinators-on-anon-content-2-shadow.xhtml')
-rw-r--r--layout/reftests/css-selectors/sibling-combinators-on-anon-content-2-shadow.xhtml37
1 files changed, 37 insertions, 0 deletions
diff --git a/layout/reftests/css-selectors/sibling-combinators-on-anon-content-2-shadow.xhtml b/layout/reftests/css-selectors/sibling-combinators-on-anon-content-2-shadow.xhtml
new file mode 100644
index 0000000000..c5773561f5
--- /dev/null
+++ b/layout/reftests/css-selectors/sibling-combinators-on-anon-content-2-shadow.xhtml
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+ <head>
+ </head>
+ <body>
+ <template id="template">
+ <style>
+ .a:empty + .b { color: green; }
+ </style>
+ <span class="a">Some text</span>
+ <span class="b">This should be green</span>
+ <slot/>
+ </template>
+ <custom-element id="foo"></custom-element>
+ <script>
+ 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));
+ }
+
+ nixText() {
+ this.shadowRoot.children[1].textContent = "";
+ }
+ });
+ window.onload = function() {
+ var el = document.getElementById("foo");
+ // Flush its layout
+ el.offsetWidth;
+ el.nixText();
+ document.documentElement.className = "";
+ }
+ </script>
+ </body>
+</html>