transition-timing-function-invalid.html (2481B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Animations: parsing transition-timing-function with invalid values</title> 6 <link rel="help" href="https://drafts.csswg.org/css-transitions/#propdef-transition-timing-function"> 7 <link rel="help" href="https://drafts.csswg.org/css-easing-1/#typedef-timing-function"> 8 <meta name="assert" content="transition-timing-function supports only the grammar '<timing-function> #'."> 9 <script src="/resources/testharness.js"></script> 10 <script src="/resources/testharnessreport.js"></script> 11 <script src="/css/support/parsing-testcommon.js"></script> 12 </head> 13 <body> 14 <script> 15 test_invalid_value("transition-timing-function", "auto"); 16 test_invalid_value("transition-timing-function", "ease-in ease-out"); 17 18 test_invalid_value("transition-timing-function", "cubic-bezier(foobar)"); 19 test_invalid_value("transition-timing-function", "cubic-bezier(1, 2, 3)"); 20 test_invalid_value("transition-timing-function", "cubic-bezier(1, 2, 3, infinite)"); 21 test_invalid_value("transition-timing-function", "cubic-bezier(1, 2, 3, 4, 5)"); 22 test_invalid_value("transition-timing-function", "cubic-bezier(-0.1, 0.1, 0.5, 0.9)"); 23 test_invalid_value("transition-timing-function", "cubic-bezier(0.5, 0.1, 1.1, 0.9)"); 24 25 test_invalid_value("transition-timing-function", "steps(foobar)"); 26 test_invalid_value("transition-timing-function", "steps(3.3, end)"); 27 test_invalid_value("transition-timing-function", "steps(3, top)"); 28 test_invalid_value("transition-timing-function", "steps(-3, top)"); 29 test_invalid_value("transition-timing-function", "steps(0, jump-start)"); 30 test_invalid_value("transition-timing-function", "steps(0, jump-end)"); 31 test_invalid_value("transition-timing-function", "steps(0, jump-both)"); 32 test_invalid_value("transition-timing-function", "steps(1, jump-none)"); 33 test_invalid_value("transition-timing-function", "steps(2,()start)"); 34 test_invalid_value("transition-timing-function", "steps(2,() start)"); 35 test_invalid_value("transition-timing-function", "steps(2, ()start)"); 36 test_invalid_value("transition-timing-function", "steps(2())"); 37 test_invalid_value("transition-timing-function", "steps(2 ())"); 38 test_invalid_value("transition-timing-function", "steps(2,())"); 39 test_invalid_value("transition-timing-function", "steps(2, ())"); 40 41 test_invalid_value("transition-timing-function", "initial, cubic-bezier(0, -2, 1, 3)"); 42 test_invalid_value("transition-timing-function", "cubic-bezier(0, -2, 1, 3), initial"); 43 </script> 44 </body> 45 </html>