| <!DOCTYPE html> |
| <meta charset=utf-8> |
| <meta name="assert" |
| content="This test checks the syntax output of step timing functions" /> |
| <title>Step timing function syntax tests</title> |
| <link rel="help" |
| href="https://drafts.csswg.org/css-easing-1/#step-timing-functions"> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script src="testcommon.js"></script> |
| <script src="/css/support/parsing-testcommon.js"></script> |
| <body> |
| <div id="log"></div> |
| <script> |
| "use strict"; |
| |
| test_valid_value("animation-timing-function", "step-start", "steps(1, start)"); |
| test_valid_value("animation-timing-function", "step-end", "steps(1)"); |
| test_valid_value("animation-timing-function", "steps(1, start)"); |
| test_valid_value("animation-timing-function", "steps(1, end)", "steps(1)"); |
| test_valid_value("animation-timing-function", "steps(1, jump-start)"); |
| test_valid_value("animation-timing-function", "steps(1, jump-end)", "steps(1)"); |
| test_valid_value("animation-timing-function", "steps(1, jump-both)"); |
| test_valid_value("animation-timing-function", "steps(2, jump-none)"); |
| |
| test_invalid_value("animation-timing-function", "steps(0, start)"); |
| test_invalid_value("animation-timing-function", "steps(0, end)"); |
| test_invalid_value("animation-timing-function", "steps(0, jump-start)"); |
| test_invalid_value("animation-timing-function", "steps(0, jump-end)"); |
| test_invalid_value("animation-timing-function", "steps(0, jump-both)"); |
| test_invalid_value("animation-timing-function", "steps(1, jump-none)"); |
| |
| </script> |
| </body> |