template-contentmethod-superseded-by-shadowrootmode.html (835B)
1 <!DOCTYPE HTML> 2 <meta charset="utf-8" /> 3 <title>HTML partial updates: shadowrootmode supersedes contentmethod</title> 4 <link rel=help href="https://github.com/WICG/declarative-partial-updates"> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 8 <div id="container"> 9 <section id=outer contentname="d">Unchanged</section> 10 <template shadowrootmode="open" contentmethod="append"> 11 <section id=inner contentname="d">Inside</section> 12 </template> 13 </div> 14 15 <script> 16 test(() => { 17 const outer = document.querySelector("#outer"); 18 assert_equals(outer.textContent, "Unchanged"); 19 const inner = document.querySelector("#container").shadowRoot.querySelector("#inner"); 20 assert_not_equals(inner, null); 21 assert_equals(inner.textContent, "Inside"); 22 }); 23 </script>