moveBefore-from-light-to-shadow.html (648B)
1 <!DOCTYPE html> 2 <script src="/resources/testharness.js"></script> 3 <script src="/resources/testharnessreport.js"></script> 4 <body> 5 <div id="host"> 6 <template shadowRootMode="open"> 7 <div><div style="display: none;"><slot></slot></div></div> 8 </template> 9 </div> 10 <span id="span">Text in light DOM</span> 11 <script> 12 test(t => { 13 const host = document.getElementById("host"); 14 const span = document.getElementById("span"); 15 assert_true(span.getBoundingClientRect().width > 0); 16 host.moveBefore(span, null); 17 assert_true(span.getBoundingClientRect().width == 0); 18 }); 19 </script>