<!DOCTYPE html> | |
<style>.t { color: green }</style> | |
<div id="host"> | |
<span id="t" class="t">This text should be green.</span> | |
</div> | |
<script> | |
if (window.testRunner) | |
testRunner.dumpAsText(); | |
var root = host.attachShadow({'mode': 'open'}); | |
root.innerHTML = '<style>::slotted(*) { color: red }</style><slot></slot>'; | |
document.write(getComputedStyle(t).color == 'rgb(0, 128, 0)' ? 'PASS' : 'FAIL'); | |
</script> |