[Web Animations] Update WPT tests related to Web Animations and remove imported Mozil...
[WebKit-https.git] / LayoutTests / imported / w3c / web-platform-tests / css / css-animations / parsing / animation-shorthand.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>CSS Animations: animation sets longhands</title>
6 <link rel="help" href="https://drafts.csswg.org/css-animations/#propdef-animation">
7 <meta name="assert" content="animation supports the full grammar '<single-animation> #'.">
8 <script src="/resources/testharness.js"></script>
9 <script src="/resources/testharnessreport.js"></script>
10 <script src="/css/support/shorthand-testcommon.js"></script>
11 </head>
12 <body>
13 <script>
14 test_shorthand_value('animation', 'anim paused both reverse 4 1s -3s cubic-bezier(0, -2, 1, 3)', {
15   'animation-duration': '1s',
16   'animation-timing-function': 'cubic-bezier(0, -2, 1, 3)',
17   'animation-delay': '-3s',
18   'animation-iteration-count': '4',
19   'animation-direction': 'reverse',
20   'animation-fill-mode': 'both',
21   'animation-play-state': 'paused',
22   'animation-name': 'anim'
23 });
24
25 test_shorthand_value('animation', 'anim paused both reverse, 4 1s -3s cubic-bezier(0, -2, 1, 3)', {
26   'animation-duration': '0s, 1s',
27   'animation-timing-function': 'ease, cubic-bezier(0, -2, 1, 3)',
28   'animation-delay': '0s, -3s',
29   'animation-iteration-count': '1, 4',
30   'animation-direction': 'reverse, normal',
31   'animation-fill-mode': 'both, none',
32   'animation-play-state': 'paused, running',
33   'animation-name': 'anim, none'
34 });
35
36 test_shorthand_value('animation', '4 1s -3s cubic-bezier(0, -2, 1, 3), anim paused both reverse', {
37   'animation-duration': '1s, 0s',
38   'animation-timing-function': 'cubic-bezier(0, -2, 1, 3), ease',
39   'animation-delay': '-3s, 0s',
40   'animation-iteration-count': '4, 1',
41   'animation-direction': 'normal, reverse',
42   'animation-fill-mode': 'none, both',
43   'animation-play-state': 'running, paused',
44   'animation-name': 'none, anim'
45 });
46 </script>
47 </body>
48 </html>