| <!DOCTYPE html> |
| <link rel="help" href="https://drafts.csswg.org/css-values-4/#trig-funcs"> |
| <link rel="help" href="https://drafts.csswg.org/css-values-4/#numbers"> |
| <link rel="help" href="https://drafts.csswg.org/css-values-4/#calc-serialize"> |
| <link rel="author" title="Apple Inc"> |
| <link rel="author" title="Seokho Song" href="[email protected]"> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script src="../support/numeric-testcommon.js"></script> |
| <div id=target></div> |
| <script> |
| function test_serialization(specified, expected, approx = false) { |
| let options = {type: "number"}; |
| if (approx) { |
| options.approx = 1e-6; |
| } |
| test_math_specified(specified, `calc(${expected})`, options); |
| test_math_computed(specified, expected == "NaN" ? "0" : expected, options); |
| test_math_used(specified, expected == "NaN" ? "0" : expected, options); |
| } |
| //test case, expected, approx |
| var test_array = [ |
| ["cos(0)" , "1"], |
| ["sin(0)" , "0"], |
| ["tan(0)" , "0"], |
| ["calc(sin(0) + 0.5)" , "0.5"], |
| ["calc(sin(0) + cos(0) + tan(0))" , "1"], |
| ["calc(cos(0) + 0.5)" , "1.5"], |
| ["calc(tan(0) + 0.5)" , "0.5"], |
| ["cos(0deg)" , "1"], |
| ["sin(0deg)" , "0"], |
| ["tan(0deg)" , "0"], |
| ["sin(30deg)" , "0.5"], |
| ["sin(0.523599)" , "0.5"], |
| ["sin(0.523599rad)" , "0.5"], |
| ["sin(33.333333grad)" , "0.5"], |
| ["sin(0.08333333turn)" , "0.5"], |
| ["cos(60deg)" , "0.5"], |
| ["cos(66.66666666grad)" , "0.5"], |
| ["cos(1.047197551)" , "0.5"], |
| ["cos(1.047197551rad)" , "0.5"], |
| ["cos(0.16666666666turn)" , "0.5"], |
| ["tan(45deg)" , "1"], |
| ["tan(50grad)" , "1"], |
| ["tan(0.78539816)" , "1"], |
| ["tan(0.78539816rad)" , "1"], |
| ["tan(0.125turn)" , "1"], |
| ["sin(180deg)" , "0", true], |
| ["cos(180deg)" , "-1"], |
| ["tan(180deg)" , "0", true], |
| ["sin(270deg)" , "-1"], |
| ["cos(270deg)" , "0", true], |
| ["sin(-180deg)" , "0", true], |
| ["cos(-180deg)" , "-1"], |
| ["tan(-180deg)" , "0", true], |
| ["sin(-270deg)" , "1"], |
| ["cos(-270deg)" , "0", true], |
| ["calc(sin(30deg) + cos(60deg) + tan(45deg))" , "2"], |
| ["calc(sin(infinity))" , "NaN"], |
| ["calc(cos(infinity))" , "NaN"], |
| ["calc(tan(infinity))" , "NaN"], |
| ["calc(sin(-infinity))" , "NaN"], |
| ["calc(cos(-infinity))" , "NaN"], |
| ["calc(tan(-infinity))" , "NaN"], |
| ["calc(sin(NaN))" , "NaN"], |
| ["calc(cos(NaN))" , "NaN"], |
| ["calc(tan(NaN))" , "NaN"], |
| ]; |
| |
| for (let [test, expected, approx] of test_array) { |
| test_serialization(test, expected, approx); |
| test_serialization(`calc(${test})`, expected, approx); |
| } |
| |
| </script> |
