template-contentmethod-shadow-nested.html (1121B)
1 <!DOCTYPE HTML> 2 <meta charset="utf-8" /> 3 <title>HTML partial updates: patching inside a declarative shadow tree</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="placeholder">Old content in light DOM</div> 9 <div id="container"> 10 <template shadowrootmode="open"> 11 <div> 12 <div id="placeholder" contentname="d">Old content in shadow DOM</div> 13 <template contentmethod="replace-children"><div contentname=d>New content</div></template> 14 </div> 15 </template> 16 </div> 17 <script> 18 test(() => { 19 assert_equals(document.querySelector("#placeholder").innerText, "Old content in light DOM"); 20 const {shadowRoot} = document.querySelector("#container"); 21 assert_equals(shadowRoot.querySelector("#placeholder").innerText, "New content"); 22 assert_equals(shadowRoot.querySelector("template[patchfor=placeholder]"), null); 23 }, "<template contentmethod> inside a <template shadowrootmode><div> should apply directly to its target"); 24 25 </script>