random-serialize.tentative.html (3233B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://drafts.csswg.org/css-values-5/#random"> 3 <link rel="author" title="sam@webkit.org"> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <script src="../support/parsing-testcommon.js"></script> 7 <div id=target></div> 8 <script> 9 10 test_valid_value('width', 'random(0px, 100px)'); 11 test_valid_value('width', 'random(0px, 100px, 50px)'); 12 test_valid_value('width', 'random(--foo, 0px, 100px)'); 13 test_valid_value('width', 'random(auto, 0px, 100px)', 'random(0px, 100px)'); 14 test_valid_value('width', 'random(--foo element-shared, 0px, 100px)'); 15 test_valid_value('width', 'random(auto element-shared, 0px, 100px)', 'random(element-shared, 0px, 100px)'); 16 test_valid_value('width', 'random(element-shared --foo, 0px, 100px)', 'random(--foo element-shared, 0px, 100px)'); 17 test_valid_value('width', 'random(element-shared auto, 0px, 100px)', 'random(element-shared, 0px, 100px)'); 18 test_valid_value('width', 'random(fixed 0.5, 0px, 100px)'); 19 test_valid_value('width', 'random(--foo, 0px, 100px, 50px)'); 20 test_valid_value('width', 'random(auto, 0px, 100px, 50px)', 'random(0px, 100px, 50px)'); 21 test_valid_value('width', 'random(--foo element-shared, 0px, 100px, 50px)'); 22 test_valid_value('width', 'random(auto element-shared, 0px, 100px, 50px)', 'random(element-shared, 0px, 100px, 50px)'); 23 test_valid_value('width', 'random(element-shared --foo, 0px, 100px, 50px)', 'random(--foo element-shared, 0px, 100px, 50px)'); 24 test_valid_value('width', 'random(element-shared auto, 0px, 100px, 50px)', 'random(element-shared, 0px, 100px, 50px)'); 25 test_valid_value('width', 'random(fixed 0.5, 0px, 100px, 50px)'); 26 27 // Test consistent types 28 test_valid_value('width', 'random(10px, 20%)'); 29 30 // Test out of order. 31 test_valid_value('width', 'random(100px, 0px)'); 32 33 // Test negative values 34 test_valid_value('width', 'random(-100px, -10px)'); 35 test_valid_value('width', 'random(-100px, -10px, -5px)'); 36 37 // Test mixed units. 38 test_valid_value('width', 'random(1em, 200rem)'); 39 40 // Test nested expressions 41 test_valid_value('width', 'random(10 * 100px, 200em / 2)', 'random(1000px, 100em)'); 42 test_valid_value('width', 'random(fixed calc(2 / 4), 0px, 100px)', 'random(fixed calc(0.5), 0px, 100px)'); 43 44 // Test nested in expressions 45 test_valid_value('width', 'calc(2 * random(0px, 100px))'); 46 test_valid_value('math-depth', 'add(random(0, 3))'); 47 test_valid_value('color', 'rgb(random(0, 255) random(0, 255) random(0, 255))'); 48 test_valid_value('color', 'rgb(from blue r g random(b, (150 + b)))'); 49 test_valid_value('color', 'color-mix(in srgb, rgb(random(0, 255) 0 random(0, 255)), rgb(0 random(0, 255) 0))'); 50 51 // Test other types 52 test_valid_value('max-lines', 'random(25, 50)'); 53 test_valid_value('max-lines', 'random(25, 50, 5)'); 54 test_valid_value('scale', 'random(0.5, 2.5)'); 55 test_valid_value('scale', 'random(0.5, 2.5, 0.1)'); 56 test_valid_value('rotate', 'random(25deg, 1turn)', 'random(25deg, 360deg)'); 57 test_valid_value('rotate', 'random(25deg, 1turn, 5deg)', 'random(25deg, 360deg, 5deg)'); 58 test_valid_value('transition-delay', 'random(25ms, 50s)', 'random(0.025s, 50s)'); 59 test_valid_value('transition-delay', 'random(25ms, 50s, 5s)', 'random(0.025s, 50s, 5s)'); 60 61 </script>