interestfor-css-properties.tentative.html (1648B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <link rel="author" href="mailto:masonf@chromium.org"> 4 <link rel="help" href="https://open-ui.org/components/interest-invokers.explainer"> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <script src="/css/support/parsing-testcommon.js"></script> 8 <script src="/css/support/computed-testcommon.js"></script> 9 <script src="/css/support/interpolation-testcommon.js"></script> 10 11 <div id=target></div> 12 <div id=scratch></div> 13 14 <script> 15 function testprop(prop) { 16 // Computed values: 17 test_computed_value(prop, '0s'); 18 test_computed_value(prop, '0ms', '0s'); 19 test_computed_value(prop, '32s'); 20 test_computed_value(prop, '123ms', '0.123s'); 21 test_computed_value(prop, 'normal', 'normal'); 22 23 // Valid values: 24 test_valid_value(prop, '0s'); 25 test_valid_value(prop, '0ms'); 26 test_valid_value(prop, '32s'); 27 test_valid_value(prop, '123ms'); 28 test_valid_value(prop, 'inherit'); 29 test_valid_value(prop, 'calc(2s * sibling-index())'); 30 test_valid_value(prop, 'normal'); 31 32 // Invalid values: 33 test_invalid_value(prop, '0', '0s'); 34 test_invalid_value(prop, 'foo'); 35 test_invalid_value(prop, '-1s'); 36 test_invalid_value(prop, 'none'); 37 test_invalid_value(prop, 'auto'); 38 39 // Animations: 40 test_interpolation({ 41 property: prop, 42 from: '1s', 43 to: '2000ms', 44 }, [ 45 {at: -1.5, expect: '0s'}, // Clamping at 0 46 {at: -0.3, expect: '0.7s'}, 47 {at: 0, expect: '1s'}, 48 {at: 0.5, expect: '1.5s'}, 49 {at: 1, expect: '2s'}, 50 {at: 1.5, expect: '2.5s'}, 51 ]); 52 } 53 54 testprop('interest-delay-start'); 55 testprop('interest-delay-end'); 56 </script>