tor-browser

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

registered-property-interpolation-005.https.html (1009B)

      1 <!DOCTYPE html>
      2 <html class="reftest-wait">
      3 <title>Interpolated &lt;length&gt; values reach worklet</title>
      4 <link rel="help" href="https://drafts.css-houdini.org/css-paint-api/">
      5 <link rel="match" href="parse-input-arguments-ref.html">
      6 <script src="/common/reftest-wait.js"></script>
      7 <script src="/common/worklet-reftest.js"></script>
      8 <script src="./resources/utils.js"></script>
      9 <body>
     10 <div id="target"></div>
     11 <script>
     12    try {
     13      target.style.setProperty('font-size', '10px');
     14 
     15      registerAndInterpolateProperty({
     16        on: target, from: '10px', to: '20px',
     17        name: '--prop-1', syntax: '<length>'
     18      });
     19 
     20      registerAndInterpolateProperty({
     21        on: target, from: '100px', to: '20em',
     22        name: '--prop-2', syntax: '<length>'
     23      });
     24 
     25      expectWorkletValues(target, {
     26        '--prop-1': '[CSSUnitValue 15px]',
     27        '--prop-2': '[CSSUnitValue 150px]'
     28      });
     29    } catch(e) {
     30      document.body.textContent = e;
     31      takeScreenshot();
     32    }
     33 </script>
     34 </body>
     35 </html>