calc-catch-divide-by-0.html (1957B)
1 <!DOCTYPE HTML> 2 <title>Zero Division: calc() serialization.</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 function test_serialization(t,s, {prop="width"}={}) { 12 test_specified_serialization(prop, t, s) 13 } 14 15 //TEST CASE |EXPECTED 16 var test_map = { 17 "100px * 0 / 0" :"calc(NaN * 1px)", 18 "100px / 0" :"calc(infinity * 1px)", 19 "100px / (0)" :"calc(infinity * 1px)", 20 "100px / (2 - 2)" :"calc(infinity * 1px)", 21 "100px / (2 - (-62 + 64))" :"calc(infinity * 1px)", 22 "100px * (1 / 0)" :"calc(infinity * 1px)", 23 "100px * (1 / (0))" :"calc(infinity * 1px)", 24 "100px * (1 / (2 - 2))" :"calc(infinity * 1px)", 25 "100px * (1 / (2 - (-62 + 64)))" :"calc(infinity * 1px)", 26 "1px * max(1/0, 0)" :"calc(infinity * 1px)", 27 "1px * min(1/0, 0)" :"calc(0px)", 28 "1px * max(0/0, 0)" :"calc(NaN * 1px)", 29 "1px * min(0/0, 0)" :"calc(NaN * 1px)", 30 31 "1px * max(0/0, min(0,10))" :"calc(NaN * 1px)", 32 "1px * clamp(0/0, 0, 10)" :"calc(NaN * 1px)", 33 34 "1px * max(0, min(10, 0/0))" :"calc(NaN * 1px)", 35 "1px * clamp(0, 10, 0/0)" :"calc(NaN * 1px)", 36 37 "1px * max(0, min(0/0, 10))" :"calc(NaN * 1px)", 38 "1px * clamp(0, 0/0, 10)" :"calc(NaN * 1px)", 39 40 "1px * clamp(-1/0, 0, 1/0)" :"calc(0px)", 41 "1px * clamp(-1/0, 1/0, 10)" :"calc(10px)", 42 }; 43 for (var exp in test_map) { 44 test_serialization("calc("+exp+")", test_map[exp]) 45 } 46 47 </script>