<!DOCTYPE html> | |
<html> | |
<body> | |
<div id="host"> | |
<div class="selected">A</div> | |
<div>B</div> | |
<div>C</div> | |
<div class="selected">D</div> | |
<div>E</div> | |
<div id="F">F</div> | |
</div> | |
<script> | |
if (window.testRunner) | |
testRunner.waitUntilDone(); | |
var shadowRoot = host.createShadowRoot(); | |
shadowRoot.innerHTML = '<content select=".selected"></content>'; | |
setTimeout(function() { | |
F.className = 'selected'; | |
if (window.testRunner) | |
testRunner.notifyDone(); | |
}, 0); | |
</script> | |
</html> |