<!DOCTYPE html>

<html>
<body>

<script src="resources/polyfill.js"></script>

<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.webkitCreateShadowRoot();
shadowRoot.innerHTML = '<content select=".selected"></content>';

setTimeout(function() {
    F.className = 'selected';
    if (window.testRunner)
        testRunner.notifyDone();
}, 0);
</script>
</html>