diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-easing/linear-timing-functions-syntax.tentative.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-easing/linear-timing-functions-syntax.tentative.html | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-easing/linear-timing-functions-syntax.tentative.html b/testing/web-platform/tests/css/css-easing/linear-timing-functions-syntax.tentative.html new file mode 100644 index 0000000000..99b680d0bd --- /dev/null +++ b/testing/web-platform/tests/css/css-easing/linear-timing-functions-syntax.tentative.html @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<title>CSS Easing: getComputedStyle().animationTimingFunction with linear(...)</title> +<link rel="help" href="https://github.com/w3c/csswg-drafts/pull/6533"> +<meta name="assert" content="animation-timing-function: linear(...) parsing tests"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/css/support/computed-testcommon.js"></script> +<script src="/css/support/parsing-testcommon.js"></script> +</head> +<body> +<div id="target"></div> +<script> +test_valid_value("animation-timing-function", "linear(0 0%, 1 100%)"); +test_valid_value("animation-timing-function", "linear(0 0% 50%, 1 50% 100%)", "linear(0 0%, 0 50%, 1 50%, 1 100%)"); +test_valid_value("animation-timing-function", "linear(0, 0.5 25% 75%, 1 100% 100%)", "linear(0 0%, 0.5 25%, 0.5 75%, 1 100%, 1 100%)"); +test_valid_value("animation-timing-function", "linear(0, 1.3, 1, 0.92, 1, 0.99, 1, 1.004, 0.998, 1 100% 100%)", "linear(0 0%, 1.3 11.1111%, 1 22.2222%, 0.92 33.3333%, 1 44.4444%, 0.99 55.5556%, 1 66.6667%, 1.004 77.7778%, 0.998 88.8889%, 1 100%, 1 100%)"); + +test_invalid_value("animation-timing-function", "linear()"); +test_invalid_value("animation-timing-function", "linear(0)"); +test_invalid_value("animation-timing-function", "linear(100%)"); +test_invalid_value("animation-timing-function", "linear(0% 1 50%)"); +test_invalid_value("animation-timing-function", "linear(0 0% 100%)"); +test_invalid_value("animation-timing-function", "linear(0% 100% 0)"); +test_invalid_value("animation-timing-function", "linear(0 calc(50px - 50%), 0 calc(50em + 50em))"); +test_invalid_value("animation-timing-function", "linear(0 calc(50%, 50%), 0 calc(50% + 50%))"); + +test_computed_value("animation-timing-function", "linear(0, 1)", "linear(0 0%, 1 100%)"); +test_computed_value("animation-timing-function", "linear(0 calc(0%), 0 calc(100%))", "linear(0 0%, 0 100%)"); +test_computed_value("animation-timing-function", "linear(0 calc(50% - 50%), 0 calc(50% + 50%))", "linear(0 0%, 0 100%)"); +test_computed_value("animation-timing-function", "linear(0 calc(min(50%, 60%)), 0 100%)", "linear(0 50%, 0 100%)"); +test_computed_value("animation-timing-function", "linear(0 0% 50%, 1 50% 100%)", "linear(0 0%, 0 50%, 1 50%, 1 100%)"); +test_computed_value("animation-timing-function", "linear(0, 0.5 25% 75%, 1 100% 100%)", "linear(0 0%, 0.5 25%, 0.5 75%, 1 100%, 1 100%)"); +test_computed_value("animation-timing-function", "linear(0, 1.3, 1, 0.92, 1, 0.99, 1, 0.998, 1 100% 100%)", "linear(0 0%, 1.3 12.5%, 1 25%, 0.92 37.5%, 1 50%, 0.99 62.5%, 1 75%, 0.998 87.5%, 1 100%, 1 100%)"); +</script> +</body> +</html> |