signs-abs-serialize.html (1797B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://drafts.csswg.org/css-values-4/#sign-funcs"> 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="Apple Inc"> 6 <script src="/resources/testharness.js"></script> 7 <script src="/resources/testharnessreport.js"></script> 8 <script src="../support/serialize-testcommon.js"></script> 9 <div id=target></div> 10 <script> 11 function test_serialization(t,s,c) { 12 test_specified_serialization('transform', `scale(${t})`, `scale(calc(${c}))`); 13 } 14 15 test_serialization( 16 'abs(1)', 17 'calc(1)', 18 '1'); 19 test_serialization( 20 'sign(.1)', 21 'calc(1)', 22 '1'); 23 24 test_serialization( 25 'abs(1 + 2 + 3)', 26 'calc(6)', 27 '6'); 28 test_serialization( 29 'sign(1 + 2 + 3)', 30 'calc(1)', 31 '1'); 32 33 test_serialization( 34 'calc(abs(1) + abs(2))', 35 'calc(3)', 36 '3'); 37 test_serialization( 38 'calc(sign(.1) + sign(.2))', 39 'calc(2)', 40 '2'); 41 42 test_serialization( 43 'calc(1 + abs(1))', 44 'calc(2)', 45 '2'); 46 test_serialization( 47 'calc(sign(.1) + 1)', 48 'calc(2)', 49 '2'); 50 51 test_serialization( 52 'calc(abs(inFinity))', 53 'calc(inFinity)', 54 'infinity'); 55 56 test_serialization( 57 'calc(abs(infinity))', 58 'calc(infinity)', 59 'infinity'); 60 test_serialization( 61 'calc(sign(infinity))', 62 'calc(1)', 63 '1'); 64 test_serialization( 65 'abs(infinity)', 66 'calc(infinity)', 67 'infinity'); 68 69 test_serialization( 70 'calc(abs(-infinity))', 71 'calc(infinity)', 72 'infinity'); 73 test_serialization( 74 'calc(sign(-1 * infinity))', 75 'calc(-1)', 76 '-1'); 77 78 test_serialization( 79 'calc(sign(-1 * NaN))', 80 'calc(NaN)', 81 'NaN'); 82 83 test_serialization( 84 'calc(sign(1 * NaN))', 85 'calc(NaN)', 86 'NaN'); 87 </script>