registered-property-interpolation-010.https.html (980B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <title>Interpolated list 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 20px', to: '20px 30px', 15 name: '--prop-1', syntax: '<length>+' 16 }); 17 18 registerAndInterpolateProperty({ 19 on: target, from: '10px', to: '20px', 20 name: '--prop-2', syntax: '<length>+' 21 }); 22 23 expectWorkletValues(target, { 24 '--prop-1': ['[CSSUnitValue 15px]', '[CSSUnitValue 25px]'], 25 '--prop-2': '[CSSUnitValue 15px]' 26 }); 27 } catch(e) { 28 document.body.textContent = e; 29 takeScreenshot(); 30 } 31 </script> 32 </body> 33 </html>