| 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> | 
|  |