animation-trigger-parsing.tentative.html (4805B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://drafts.csswg.org/css-animations-2/#animation-trigger"> 3 <script src="/resources/testharness.js"></script> 4 <script src="/resources/testharnessreport.js"></script> 5 <script src="/css/support/parsing-testcommon.js"></script> 6 <script src="/css/support/computed-testcommon.js"></script> 7 <div id="target"></div> 8 <script> 9 test_valid_value('animation-trigger', 'initial'); 10 test_valid_value('animation-trigger', 'inherit'); 11 test_valid_value('animation-trigger', 'unset'); 12 test_valid_value('animation-trigger', 'revert'); 13 14 // Valid: Single attachment per animation. 15 test_valid_value('animation-trigger', 'none'); 16 test_valid_value('animation-trigger', '--abc play'); 17 test_valid_value('animation-trigger', ' --abc play', '--abc play'); 18 test_valid_value('animation-trigger', '--aBc play'); 19 test_valid_value('animation-trigger', '--aBc play pause'); 20 test_valid_value('animation-trigger', '--foo play pause, --bar play pause'); 21 test_valid_value('animation-trigger', '--bar play reset, --foo play reset'); 22 test_valid_value('animation-trigger', 'none, none'); 23 test_valid_value('animation-trigger', '--a play pause, none, --b play reset'); 24 25 // Valid: Multiple attachments per animation. 26 test_valid_value('animation-trigger', '--abc play --abc play-pause'); 27 test_valid_value('animation-trigger', 28 '--abc play --bcd play-pause, --cde play-alternate --def play reset'); 29 test_valid_value('animation-trigger', 30 ' --abc play --bcd reset --cde pause --def play-backwards', 31 '--abc play --bcd reset --cde pause --def play-backwards'); 32 test_valid_value('animation-trigger', '--aBc play --abc play --aBc play'); 33 test_valid_value('animation-trigger', 34 '--aBc play --abc play-forwards, --aBc play-backwards'); 35 test_valid_value('animation-trigger', '---aBc play'); 36 test_valid_value('animation-trigger', '--aBc-dEf play'); 37 test_valid_value('animation-trigger', '---aBc-dEf play'); 38 39 // Computed: Single attachment per animation. 40 test_computed_value('animation-trigger', 'none'); 41 test_computed_value('animation-trigger', '--abc play'); 42 test_computed_value('animation-trigger',' --abc play', '--abc play'); 43 test_computed_value('animation-trigger', '--aBc play'); 44 test_computed_value('animation-trigger', '--foo play, --bar pause'); 45 test_computed_value('animation-trigger', '--bar play, --foo pause'); 46 test_computed_value('animation-trigger', 'none, none'); 47 test_computed_value('animation-trigger', '--aBc play, --aBc reset'); 48 49 // Computed: Multiple attachments per animation 50 test_computed_value('animation-trigger', '--abc play --abc play'); 51 test_computed_value('animation-trigger', 52 '--abc play --bcd pause, --abc play --bcd play'); 53 test_computed_value('animation-trigger', 54 '--abc play --bcd play, --cde play --def play'); 55 test_computed_value('animation-trigger', 56 ' --abc play --abc play', '--abc play --abc play'); 57 test_computed_value('animation-trigger', 58 ' --abc play --bcd play', '--abc play --bcd play'); 59 test_computed_value('animation-trigger', '--aBc play --abc play'); 60 test_computed_value('animation-trigger', '--aBc play --abc play --aBc play'); 61 test_computed_value('animation-trigger', '--a play, none, --b play'); 62 test_computed_value('animation-trigger', '---abc play'); 63 64 // Invalid 65 test_invalid_value('animation-trigger', 'none none'); 66 test_invalid_value('animation-trigger', 'none none, none', 'none, none'); 67 test_invalid_value('animation-trigger', 'auto'); 68 test_invalid_value('animation-trigger', 'abc'); 69 test_invalid_value('animation-trigger', '--abc'); 70 test_invalid_value('animation-trigger', '-abc play'); 71 test_invalid_value('animation-trigger', '--abc '); 72 test_invalid_value('animation-trigger', 'play, play'); 73 test_invalid_value('animation-trigger', '--abc play, play'); 74 test_invalid_value('animation-trigger', '--abc, --def play'); 75 test_invalid_value('animation-trigger', 'default'); 76 test_invalid_value('animation-trigger', '10px'); 77 test_invalid_value('animation-trigger', 'foo bar'); 78 test_invalid_value('animation-trigger', '"foo" "bar"'); 79 test_invalid_value('animation-trigger', 'rgb(1, 2, 3)'); 80 test_invalid_value('animation-trigger', '#fefefe'); 81 test_invalid_value('animation-trigger', '--a,, --b'); 82 test_invalid_value('animation-trigger', 'trigger(--abc, play) none'); 83 test_invalid_value('animation-trigger', 'none trigger(--abc, play)'); 84 test_invalid_value('animation-trigger', 'trigger'); 85 test_invalid_value('animation-trigger', 'trigger(--abc'); 86 test_invalid_value('animation-trigger', 'trigger()'); 87 test_invalid_value('animation-trigger', 'trigger(--abc play)'); 88 // Invalid: multiple behaviors. 89 test_invalid_value('animation-trigger', '--abc play pause reset'); 90 test_invalid_value('animation-trigger', 91 '--abc play pause reset, --def pause reset play'); 92 </script>