Index: third_party/WebKit/LayoutTests/fast/dom/shadow/multiple-host-pseudos-in-compound.html |
diff --git a/third_party/WebKit/LayoutTests/fast/dom/shadow/multiple-host-pseudos-in-compound.html b/third_party/WebKit/LayoutTests/fast/dom/shadow/multiple-host-pseudos-in-compound.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..5de532b1a3b6ce80313dd7d248cdb58fe8542a07 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/dom/shadow/multiple-host-pseudos-in-compound.html |
@@ -0,0 +1,23 @@ |
+<!DOCTYPE html> |
+<script src="../../../resources/js-test.js"></script> |
+<div id="host">Should be green</div> |
+<script> |
+ description("Multiple :host(-context) pseudos in same compound."); |
+ |
+ host.createShadowRoot(); |
+ |
+ [ |
+ ":host:host-context(body)", |
+ ":host-context(:not(.nomatch)):host", |
+ ":host:host:host", |
+ ":host-context(body):host-context(html)", |
+ ":host(:not(.nomatch)):host" |
+ ].forEach((selector) => { |
+ host.shadowRoot.innerHTML = "<style>" + selector + "{color:green}</style><content/>"; |
+ shouldBeEqualToString("getComputedStyle(host).color", "rgb(0, 128, 0)"); |
+ |
+ host.shadowRoot.innerHTML = "<style>" + selector + "::before" + "{color:green;content:'green'}</style><content/>"; |
+ shouldBeEqualToString("getComputedStyle(host, '::before').color", "rgb(0, 128, 0)"); |
+ }); |
+ |
+</script> |