minmax-number-serialize.html (1657B)
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="Tab Atkins-Bittner" href="https://xanthir.com/contact"> 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(calc(${c}))`); 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 'min(.1)', 21 'calc(0.1)', 22 '0.1'); 23 test_serialization( 24 'max(.1)', 25 'calc(0.1)', 26 '0.1'); 27 28 test_serialization( 29 'min(.1, .2, .3)', 30 'calc(0.1)', 31 '0.1'); 32 test_serialization( 33 'max(.1, .2, .3)', 34 'calc(0.3)', 35 '0.3'); 36 37 test_serialization( 38 'min(.3, .2, .1)', 39 'calc(0.1)', 40 '0.1'); 41 test_serialization( 42 'max(.3, .2, .1)', 43 'calc(0.3)', 44 '0.3'); 45 46 test_serialization( 47 'calc(min(.1) + min(.2))', 48 'calc(0.3)', 49 '0.3'); 50 test_serialization( 51 'calc(max(.1) + max(.2))', 52 'calc(0.3)', 53 '0.3'); 54 55 test_serialization( 56 'calc(.1 + min(.1))', 57 'calc(0.2)', 58 '0.2'); 59 test_serialization( 60 'calc(max(.1) + .1)', 61 'calc(0.2)', 62 '0.2'); 63 </script>