registered-property-interpolation-002.https.html (771B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <title>Interpolated <color> 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: 'rgb(128, 100, 200)', to: 'red', 15 name: '--prop', syntax: '<color>' 16 }); 17 18 expectWorkletValue(target, '--prop', '[CSSStyleValue rgb(192, 50, 100)]'); 19 } catch(e) { 20 document.body.textContent = e; 21 takeScreenshot(); 22 } 23 </script> 24 </body> 25 </html>