summaryrefslogtreecommitdiffstats
path: root/layout/reftests/css-selectors/sibling-combinators-on-anon-content-1-shadow.xhtml
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/css-selectors/sibling-combinators-on-anon-content-1-shadow.xhtml')
-rw-r--r--layout/reftests/css-selectors/sibling-combinators-on-anon-content-1-shadow.xhtml26
1 files changed, 26 insertions, 0 deletions
diff --git a/layout/reftests/css-selectors/sibling-combinators-on-anon-content-1-shadow.xhtml b/layout/reftests/css-selectors/sibling-combinators-on-anon-content-1-shadow.xhtml
new file mode 100644
index 0000000000..75f7c30d1b
--- /dev/null
+++ b/layout/reftests/css-selectors/sibling-combinators-on-anon-content-1-shadow.xhtml
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <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));
+ }
+ });
+ </script>
+ </head>
+ <body>
+ <template id="template">
+ <style>
+ .a + .b { color: green; }
+ </style>
+ <span class="a"></span>
+ <span class="b">This should be green</span>
+ <slot/>
+ </template>
+ <custom-element id="foo"></custom-element>
+ </body>
+</html>