tor-browser

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

marker-element-added.html (1083B)

      1 <!doctype html>
      2 <html class="reftest-wait">
      3 <title>&lt;marker> element added after first paint</title>
      4 <script src="/common/reftest-wait.js"></script>
      5 <script src="/common/rendering-utils.js"></script>
      6 <link rel="match" href="../../struct/reftests/reference/green-100x100.html">
      7 <svg>
      8  <path d="M0,0h100" marker-start="url(#m)"/>
      9 </svg>
     10 <script>
     11  function createSvgElement(name, attrData) {
     12    const svgNs = 'http://www.w3.org/2000/svg';
     13    const element = document.createElementNS(svgNs, name);
     14    attrData.forEach(([name, value]) => element.setAttribute(name, value));
     15    return element;
     16  }
     17  waitForAtLeastOneFrame().then(() => {
     18    const svgNs = 'http://www.w3.org/2000/svg';
     19    const markerElement = createSvgElement('marker', [
     20      ['id', 'm'], ['orient', '0'], ['overflow', 'visible']
     21    ]);
     22    markerElement.appendChild(createSvgElement('rect', [
     23      ['width', '100'], ['height', '100'], ['fill', 'green']
     24    ]));
     25    const svg = document.querySelector('svg');
     26    svg.insertBefore(markerElement, svg.firstElementChild);
     27    takeScreenshot();
     28  });
     29 </script>