src/third_party/WebKit/LayoutTests/fast/dom/shadow/reprojection-className-modified.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <body>
   5
   6
   7 <div id="host1">
   8     <div class="selected">A</div>
   9     <div>B</div>
  10     <div>C</div>
  11     <div class="selected">D</div>
  12     <div>E</div>
  13     <div id="F">F</div>
  14 </div>
  15
  16 <script>
  17 if (window.testRunner)
  18     testRunner.waitUntilDone();
  19
  20 var shadowRoot1 = host1.createShadowRoot();
  21 shadowRoot1.innerHTML = '<div id="host2"><shadow></shadow></div>';
  22
  23 var host2 = shadowRoot1.getElementById('host2');
  24 var shadowRoot2 = host2.createShadowRoot();
  25 shadowRoot2.innerHTML = '<content select=".selected"></content>';
  26
  27 setTimeout(function() {
  28     F.className = 'selected';
  29     if (window.testRunner)
  30         testRunner.notifyDone();
  31 }, 0);
  32 </script>
  33 </html>