round-mod-rem-serialize.html (1274B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://drafts.csswg.org/css-values-4/#comp-func"> 3 <link rel="help" href="https://drafts.csswg.org/css-values-4/#numbers"> 4 <link rel="help" href="https://drafts.csswg.org/css-values-4/#calc-serialize"> 5 <link rel="author" title="Xiaocheng Hu" href="mailto:xiaochengh@chromium.org"> 6 <link rel="author" title="Apple Inc"> 7 <script src="/resources/testharness.js"></script> 8 <script src="/resources/testharnessreport.js"></script> 9 <script src="../support/serialize-testcommon.js"></script> 10 <div id=target></div> 11 <script> 12 function test_serialization(t,s,c) { 13 test_specified_serialization('opacity', t, s); 14 test_specified_serialization('transform', `scale(${t})`, `scale(${s})`); 15 test_computed_serialization('opacity', t, c); 16 test_computed_serialization('transform', `scale(${t})`, `matrix(${c}, 0, 0, ${c}, 0, 0)`); 17 } 18 19 test_serialization( 20 'round(1.1,1)', 21 'calc(1)', 22 '1'); 23 test_serialization( 24 'mod(1,1)', 25 'calc(0)', 26 '0'); 27 test_serialization( 28 'rem(1,1)', 29 'calc(0)', 30 '0'); 31 32 test_serialization( 33 'calc(round(1,0))', 34 'calc(NaN)', 35 '0'); 36 test_serialization( 37 'calc(mod(1,0))', 38 'calc(NaN)', 39 '0'); 40 test_serialization( 41 'calc(rem(1,0))', 42 'calc(NaN)', 43 '0'); 44 </script>