registered-property-interpolation-004.https.html (776B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <title>Interpolated <length-percentage> 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 registerAndInterpolateProperty({ 14 on: target, from: '10px', to: '20%', 15 name: '--prop', syntax: '<length-percentage>' 16 }); 17 18 expectWorkletValue(target, '--prop', '[CSSMathSum calc(10% + 5px)]'); 19 } catch(e) { 20 document.body.textContent = e; 21 takeScreenshot(); 22 } 23 </script> 24 </body> 25 </html>