registered-property-value-010.https.html (1127B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <title>Values of <length>-properties 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 CSS.registerProperty({ 14 name: '--prop-1', 15 syntax: '<length>', 16 initialValue: '0', 17 inherits: false 18 }); 19 20 CSS.registerProperty({ 21 name: '--prop-2', 22 syntax: '<length>', 23 initialValue: '0', 24 inherits: false 25 }); 26 27 target.style.setProperty('font-size', '20px'); 28 target.style.setProperty('--prop-1', '100px'); 29 target.style.setProperty('--prop-2', '10em'); 30 31 expectWorkletValues(target, { 32 '--prop-1': ['[CSSUnitValue 100px]'], 33 '--prop-2': ['[CSSUnitValue 200px]'] 34 }); 35 } catch(e) { 36 document.body.textContent = e; 37 takeScreenshot(); 38 } 39 </script> 40 </body> 41 </html>