tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

use-external-resource-with-revalidation.tentative.html (1113B)


      1 <!DOCTYPE html>
      2 <html class="reftest-wait">
      3 <title>Multiple &lt;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>