step-timing-functions-syntax.html (1633B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <meta name="assert" 4 content="This test checks the syntax output of step timing functions" /> 5 <title>Step timing function syntax tests</title> 6 <link rel="help" 7 href="https://drafts.csswg.org/css-easing-1/#step-timing-functions"> 8 <script src="/resources/testharness.js"></script> 9 <script src="/resources/testharnessreport.js"></script> 10 <script src="testcommon.js"></script> 11 <script src="/css/support/parsing-testcommon.js"></script> 12 <body> 13 <div id="log"></div> 14 <script> 15 "use strict"; 16 17 test_valid_value("animation-timing-function", "step-start", "steps(1, start)"); 18 test_valid_value("animation-timing-function", "step-end", "steps(1)"); 19 test_valid_value("animation-timing-function", "steps(1, start)"); 20 test_valid_value("animation-timing-function", "steps(1, end)", "steps(1)"); 21 test_valid_value("animation-timing-function", "steps(1, jump-start)"); 22 test_valid_value("animation-timing-function", "steps(1, jump-end)", "steps(1)"); 23 test_valid_value("animation-timing-function", "steps(1, jump-both)"); 24 test_valid_value("animation-timing-function", "steps(2, jump-none)"); 25 26 test_invalid_value("animation-timing-function", "steps(0, start)"); 27 test_invalid_value("animation-timing-function", "steps(0, end)"); 28 test_invalid_value("animation-timing-function", "steps(0, jump-start)"); 29 test_invalid_value("animation-timing-function", "steps(0, jump-end)"); 30 test_invalid_value("animation-timing-function", "steps(0, jump-both)"); 31 test_invalid_value("animation-timing-function", "steps(1, jump-none)"); 32 test_invalid_value("animation-timing-function", "steps(calc(0/0), jump-none)"); 33 34 </script> 35 </body>