timeline-trigger-source-parsing.tentative.html (5241B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <link rel="help" href="https://drafts.csswg.org/css-animations-2/#animation-trigger"> 6 <meta name="assert" content="timeline-trigger-source supports only the grammar '<single-timeline-trigger-source> #'."> 7 <script src="/resources/testharness.js"></script> 8 <script src="/resources/testharnessreport.js"></script> 9 <script src="/css/support/parsing-testcommon.js"></script> 10 </head> 11 <body> 12 <script> 13 14 test_valid_value('timeline-trigger-source', 'initial'); 15 test_valid_value('timeline-trigger-source', 'inherit'); 16 test_valid_value('timeline-trigger-source', 'unset'); 17 test_valid_value('timeline-trigger-source', 'revert'); 18 test_valid_value('timeline-trigger-source', 'auto'); 19 test_valid_value('timeline-trigger-source', 'none'); 20 test_valid_value('timeline-trigger-source', 'auto, auto'); 21 test_valid_value('timeline-trigger-source', 'none, none'); 22 test_valid_value('timeline-trigger-source', 'auto, none'); 23 test_valid_value('timeline-trigger-source', 'none, auto'); 24 test_valid_value('timeline-trigger-source', '--test'); 25 test_valid_value('timeline-trigger-source', '--test1, --test2'); 26 test_valid_value('timeline-trigger-source', '--test1, --test2, none, --test3, auto'); 27 28 test_invalid_value('timeline-trigger-source', 'test1'); 29 test_invalid_value('timeline-trigger-source', '10px'); 30 test_invalid_value('timeline-trigger-source', 'auto auto'); 31 test_invalid_value('timeline-trigger-source', 'none none'); 32 test_invalid_value('timeline-trigger-source', 'foo bar'); 33 test_invalid_value('timeline-trigger-source', '"foo" "bar"'); 34 test_invalid_value('timeline-trigger-source', 'rgb(1, 2, 3)'); 35 test_invalid_value('timeline-trigger-source', '#fefefe'); 36 test_invalid_value('timeline-trigger-source', '"test"'); 37 38 // https://drafts.csswg.org/scroll-animations-1/#scroll-notation 39 // 40 // timeline-trigger-source: scroll(<axis>? <scroller>?); 41 // <axis> = block | inline | x | y 42 // <scroller> = root | nearest | self 43 test_valid_value('timeline-trigger-source', 'scroll()'); 44 test_valid_value('timeline-trigger-source', ' scroll() ', 'scroll()'); 45 test_valid_value('timeline-trigger-source', 'scroll(block)', 'scroll()'); 46 test_valid_value('timeline-trigger-source', 'scroll(inline)'); 47 test_valid_value('timeline-trigger-source', 'scroll(x)'); 48 test_valid_value('timeline-trigger-source', 'scroll(y)'); 49 test_valid_value('timeline-trigger-source', 'scroll(root)'); 50 test_valid_value('timeline-trigger-source', 'scroll(nearest)', 'scroll()'); 51 test_valid_value('timeline-trigger-source', 'scroll(self)'); 52 test_valid_value('timeline-trigger-source', 'scroll(inline nearest)', 'scroll(inline)'); 53 test_valid_value('timeline-trigger-source', 'scroll(nearest inline)', 'scroll(inline)'); 54 test_valid_value('timeline-trigger-source', 'scroll(block self)', 'scroll(self)'); 55 test_valid_value('timeline-trigger-source', 'scroll(self block)', 'scroll(self)'); 56 test_valid_value('timeline-trigger-source', 'scroll(y root)', 'scroll(root y)'); 57 58 test_invalid_value('timeline-trigger-source', 'scroll(abc root)'); 59 test_invalid_value('timeline-trigger-source', 'scroll(abc)'); 60 test_invalid_value('timeline-trigger-source', 'scroll(y abc)'); 61 test_invalid_value('timeline-trigger-source', 'scroll("string")'); 62 63 // https://drafts.csswg.org/scroll-animations-1/#view-notation 64 test_valid_value('timeline-trigger-source', 'view()'); 65 test_valid_value('timeline-trigger-source', ' view() ', 'view()'); 66 test_valid_value('timeline-trigger-source', 'view(block)', 'view()'); 67 test_valid_value('timeline-trigger-source', 'view(inline)'); 68 test_valid_value('timeline-trigger-source', 'view(x)'); 69 test_valid_value('timeline-trigger-source', 'view(y)'); 70 test_valid_value('timeline-trigger-source', 'view(y 1px 2px)'); 71 test_valid_value('timeline-trigger-source', 'view(y 1px)'); 72 test_valid_value('timeline-trigger-source', 'view(y auto)', 'view(y)'); 73 test_valid_value('timeline-trigger-source', 'view(y auto auto)', 'view(y)'); 74 test_valid_value('timeline-trigger-source', 'view(y auto 1px)'); 75 test_valid_value('timeline-trigger-source', 'view(1px 2px y)', 'view(y 1px 2px)'); 76 test_valid_value('timeline-trigger-source', 'view(1px y)', 'view(y 1px)'); 77 test_valid_value('timeline-trigger-source', 'view(auto x)', 'view(x)'); 78 test_valid_value('timeline-trigger-source', 'view(1px 2px)'); 79 test_valid_value('timeline-trigger-source', 'view(1px)'); 80 test_valid_value('timeline-trigger-source', 'view(1px 1px)', 'view(1px)'); 81 test_valid_value('timeline-trigger-source', 'view(1px auto)'); 82 test_valid_value('timeline-trigger-source', 'view(auto calc(1% + 1px))'); 83 test_valid_value('timeline-trigger-source', 'view(2em calc(1% + 1em))'); 84 test_valid_value('timeline-trigger-source', 'view(auto)', 'view()'); 85 test_valid_value('timeline-trigger-source', 'view(auto auto)', 'view()'); 86 87 test_invalid_value('timeline-trigger-source', 'view(y 1px 2px 3px)'); 88 test_invalid_value('timeline-trigger-source', 'view(1px y 3px)'); 89 test_invalid_value('timeline-trigger-source', 'view(1px 2px 3px)'); 90 test_invalid_value('timeline-trigger-source', 'view(abc block)'); 91 test_invalid_value('timeline-trigger-source', 'view(abc)'); 92 test_invalid_value('timeline-trigger-source', 'view(y abc)'); 93 test_invalid_value('timeline-trigger-source', 'view("string")'); 94 95 </script> 96 </body> 97 </html>