progress-serialize.html (1639B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://drafts.csswg.org/css-values-5/#progress"> 3 <link rel="author" title="sakhapov@chromuim.org"> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <script src="../support/serialize-testcommon.js"></script> 7 <div id=target></div> 8 <script> 9 function test_serialization(t,s,c) { 10 test_specified_serialization('opacity', t, s); 11 test_specified_serialization('transform', `scale(${t})`, `scale(${s})`); 12 test_computed_serialization('opacity', t, c); 13 test_computed_serialization('transform', `scale(${t})`, `matrix(${c}, 0, 0, ${c}, 0, 0)`); 14 } 15 16 test_serialization( 17 'progress(100px, 0px, 100px)', 18 'calc(1)', 19 '1', 20 ); 21 test_serialization( 22 'progress(10em, 0px, 10em)', 23 'progress(10em, 0px, 10em)', 24 '1', 25 ); 26 test_serialization( 27 'progress(10em, 0px, 10rem)', 28 'progress(10em, 0px, 10rem)', 29 '1', 30 ); 31 test_serialization( 32 'progress(100px, (10px - 10px), 100px)', 33 'calc(1)', 34 '1', 35 ); 36 test_serialization( 37 'progress(1%, (10% - 10%), 100%)', 38 'calc(0.01)', 39 '0.01', 40 ); 41 test_serialization( 42 'calc(0.5 * progress(100px, 0px, 100px))', 43 'calc(0.5)', 44 '0.5' 45 ); 46 test_serialization( 47 'calc(0.5 * progress(200px, 0px, 100px))', 48 'calc(0.5)', 49 '0.5' 50 ); 51 test_serialization( 52 'calc(0.5 * progress(-100px, 0px, 100px))', 53 'calc(0)', 54 '0' 55 ); 56 test_specified_serialization( 57 'width', 58 'calc(50px * progress(100px, 0px, 100px))', 59 'calc(50px)' 60 ); 61 test_computed_serialization( 62 'width', 63 'calc(1px * progress(abs(10%), (10% - 10%), 100% / 10))', 64 '1px', 65 ); 66 </script>