template-contentmethod-multiple.html (1288B)
1 <!DOCTYPE HTML> 2 <meta charset="utf-8" /> 3 <title>HTML partial updates - multiple patches</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 contentname="p1">Old P1</div> 9 <div contentname="p2">Old P2</div> 10 <div contentname="p3">Old P3</div> 11 <template contentmethod="replace-children"> 12 <div contentname="p1"><span>New P1</span></div> 13 <div contentname="p2"><span>New P2</span></div> 14 </template> 15 <template contentmethod="replace"> 16 <div contentname="p3"><span>New P3</span></div> 17 </template> 18 <template contentmethod="append"> 19 <div contentname="p2"><span>...</span><span></span>more P2</span></div> 20 </template> 21 <template contentmethod="prepend"> 22 <div contentname="p2"><span>And</span><span>...</span></div> 23 <div contentname="p3"><span>Pre P3 </span></div> 24 </template> 25 <script> 26 test(() => { 27 assert_equals(document.querySelector("div[contentname=p1]").textContent, 'New P1'); 28 assert_equals(document.querySelector("div[contentname=p2]").textContent, 'And...New P2...more P2'); 29 assert_equals(document.querySelector("div[contentname=p3]").textContent, 'Pre P3 New P3'); 30 }, "Multiple <template contentmethod>"); 31 </script>