calc-infinity-nan-serialize-resolution.html (3193B)
1 <!DOCTYPE HTML> 2 <title>Infinity and NaN: calc() serialization for time values.</title> 3 <link rel="author" title="Seokho Song" href="mailto:0xdevssh@gmail.com"> 4 <link rel="help" href="https://drafts.csswg.org/css-values/#calc-type-checking"> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <script src="../support/serialize-testcommon.js"></script> 8 <div id="target"></div> 9 <div id="log"></div> 10 <script> 11 // There's no css property that takes a raw <resolution>, so we use image-set() to test it. 12 function test_serialization(t,s, {prop="backgroundImage"}={}) { 13 test_specified_serialization(prop, t, s) 14 } 15 //TEST CASE | EXPECTED 16 var test_map = { 17 "1x * NaN" :"calc(NaN * 1dppx)", 18 "1x * nan" :"calc(NaN * 1dppx)", 19 "1dppx * NaN" :"calc(NaN * 1dppx)", 20 "1dppx * infinity / infinity" :"calc(NaN * 1dppx)", 21 "1dppx * 0 * infinity" :"calc(NaN * 1dppx)", 22 "1dppx * (infinity + -infinity)" :"calc(NaN * 1dppx)", 23 "1dppx * (-infinity + infinity)" :"calc(NaN * 1dppx)", 24 "1dppx * (infinity - infinity)" :"calc(NaN * 1dppx)", 25 "1dppx * infinity" :"calc(infinity * 1dppx)", 26 "1dppx * -infinity" :"calc(-infinity * 1dppx)", 27 "1dppx * iNFinIty" :"calc(infinity * 1dppx)", 28 "1dppx * (infinity + infinity)" :"calc(infinity * 1dppx)", 29 "1dppx * (-infinity + -infinity)" :"calc(-infinity * 1dppx)", 30 "1dppx * 1/infinity" :"calc(0dppx)", 31 "1dppx * infinity * infinity" :"calc(infinity * 1dppx)", 32 "1dppx * -infinity * -infinity" :"calc(infinity * 1dppx)", 33 "1 * max(INFinity*3dppx, 0dppx)" :"calc(infinity * 1dppx)", 34 "1 * min(inFInity*4dppx, 0dppx)" :"calc(0dppx)", 35 "1 * max(nAn*2dppx, 0dppx)" :"calc(NaN * 1dppx)", 36 "1 * min(nan*3dppx, 0dppx)" :"calc(NaN * 1dppx)", 37 "1 * clamp(-INFINITY*20dppx, 0dppx, infiniTY*10dppx)" :"calc(0dppx)", 38 39 "1dppx * max(NaN, min(0,10))" :"calc(NaN * 1dppx)", 40 "1dppx * clamp(NaN, 0, 10)" :"calc(NaN * 1dppx)", 41 42 "1dppx * max(0, min(10, NaN))" :"calc(NaN * 1dppx)", 43 "1dppx * clamp(0, 10, NaN)" :"calc(NaN * 1dppx)", 44 45 "1dppx * max(0, min(NaN, 10))" :"calc(NaN * 1dppx)", 46 "1dppx * clamp(0, NaN, 10)" :"calc(NaN * 1dppx)", 47 48 "1dppx * clamp(-Infinity, 0, infinity)" :"calc(0dppx)", 49 "1dppx * clamp(-inFinity, infinity, 10)" :"calc(10dppx)", 50 }; 51 52 for (const exp in test_map) 53 test_serialization(`image-set(url("") calc(${exp}))`, `image-set(url("") ${test_map[exp]})`); 54 </script>