template-contentmethod-replace-invalid-ref.html (1856B)
1 <!DOCTYPE HTML> 2 <meta charset="utf-8" /> 3 <title>HTML partial updates - replace </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" contentname="placeholder">Old content</div> 9 <template contentmethod="replace"><div id="placeholder" contentname="placeholder">New content</div></template> 10 <script> 11 test(() => { 12 assert_equals(document.getElementById("placeholder").textContent, "New content"); 13 }, "<template contentmethod=replace>"); 14 15 /* 16 test(() => { 17 const doc = document.implementation.createHTMLDocument(); 18 doc.write('<div id="placeholder">Old content</div>'); 19 assert_equals(doc.querySelector("#placeholder").innerText, "Old content"); 20 doc.write('<template patchfor="placeholder">'); 21 assert_equals(doc.querySelector("template"), null); 22 assert_equals(doc.querySelector("#placeholder").innerText, ""); 23 doc.write('<span>New</span>'); 24 assert_equals(doc.querySelector("#placeholder").innerText, "New"); 25 doc.write('<span> content</span></template>'); 26 assert_equals(doc.querySelector("#placeholder").innerText, "New content"); 27 assert_equals(doc.querySelector("template"), null); 28 }, "<template patchfor> should work when chunked"); 29 30 test(() => { 31 const doc = document.implementation.createHTMLDocument(); 32 doc.write('<div id="placeholder">Old content</div>'); 33 assert_equals(doc.querySelector("#placeholder").textContent, "Old content"); 34 doc.write('<template patchfor="placeholder">'); 35 doc.write('<div id=main>Hello '); 36 doc.write('main</div></template>'); 37 assert_equals(doc.querySelector("#placeholder #main").textContent, "Hello main"); 38 }, "<template patchfor> should work when elements are sliced in the middle"); 39 */ 40 </script>