| <!DOCTYPE html> |
| <link rel="help" href="https://drafts.csswg.org/css-values-4/#comp-func"> |
| <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"> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script src="../support/serialize-testcommon.js"></script> |
| <div id=target></div> |
| <script> |
| function test_serialization(t,s,c) { |
| test_specified_serialization('opacity', t, s); |
| test_specified_serialization('transform', `scale(${t})`, `scale(calc(${c}))`); |
| test_computed_serialization('opacity', t, c); |
| test_computed_serialization('transform', `scale(${t})`, `matrix(${c}, 0, 0, ${c}, 0, 0)`); |
| } |
| |
| test_serialization( |
| 'pow(1,1)', |
| 'calc(1)', |
| '1'); |
| test_serialization( |
| 'hypot(1)', |
| 'calc(1)', |
| '1'); |
| test_serialization( |
| 'sqrt(1)', |
| 'calc(1)', |
| '1'); |
| |
| test_serialization( |
| 'calc(pow(1,1) + 1)', |
| 'calc(2)', |
| '2'); |
| test_serialization( |
| 'calc(hypot(1) * 2)', |
| 'calc(2)', |
| '2'); |
| test_serialization( |
| 'calc(sqrt(1) - 1)', |
| 'calc(0)', |
| '0'); |
| </script> |
