use-external-resource-with-revalidation.tentative.html (1113B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <title>Multiple <use> referencing same external resource, with revalidation required</title> 4 <link rel="match" href="reference/green-100x100.html"> 5 <svg> 6 <rect width="100" height="100" fill="red"/> 7 </svg> 8 <script> 9 let container = document.querySelector('svg'); 10 function makeUse(x) { 11 let use = document.createElementNS('http://www.w3.org/2000/svg', 'use'); 12 use.setAttribute('href', 'support/etag-max-age-zero-icons.svg#green-square'); 13 use.setAttribute('x', x); 14 use.setAttribute('width', 50); 15 use.setAttribute('height', 50); 16 use.setAttribute('transform', 'scale(1, 2)'); 17 return use; 18 } 19 function insertFirstUse() { 20 let use = makeUse(0); 21 use.onload = insertSecondUse; 22 container.appendChild(use); 23 } 24 function insertSecondUse() { 25 let use = makeUse(50); 26 use.onload = endTest; 27 container.appendChild(use); 28 document.body.offsetTop; 29 } 30 function endTest() { 31 document.documentElement.classList.remove('reftest-wait'); 32 } 33 onload = function() { 34 requestAnimationFrame(insertFirstUse); 35 }; 36 </script>