|
5 | 5 | <script src="/resources/testharnessreport.js"></script>
|
6 | 6 | <script src="/css/support/shorthand-testcommon.js"></script>
|
7 | 7 | <script src="/css/support/parsing-testcommon.js"></script>
|
8 |
| -</head> |
9 |
| -<body> |
10 | 8 | <script>
|
11 |
| - |
12 | 9 | test_valid_value("animation-delay", "1s");
|
13 | 10 | test_valid_value("animation-delay", "-1s");
|
14 | 11 | test_valid_value("animation-delay", "1s 2s");
|
|
17 | 14 | test_valid_value("animation-delay", "1s, 2s 3s");
|
18 | 15 | test_valid_value("animation-delay", "1s, 2s, 3s");
|
19 | 16 |
|
20 |
| -test_valid_value("animation-delay", "cover"); |
21 |
| -test_valid_value("animation-delay", "contain"); |
22 |
| -test_valid_value("animation-delay", "enter"); |
23 |
| -test_valid_value("animation-delay", "exit"); |
24 |
| -test_valid_value("animation-delay", "enter, exit"); |
25 |
| - |
26 |
| -test_valid_value("animation-delay", "enter 0% enter 100%", "enter"); |
27 |
| -test_valid_value("animation-delay", "exit 0% exit 100%", "exit"); |
28 |
| -test_valid_value("animation-delay", "cover 0% cover 100%", "cover"); |
29 |
| -test_valid_value("animation-delay", "contain 0% contain 100%", "contain"); |
30 |
| - |
31 |
| -test_valid_value("animation-delay", "cover 50%"); |
32 |
| -test_valid_value("animation-delay", "contain 50%"); |
33 |
| -test_valid_value("animation-delay", "enter 50%"); |
34 |
| -test_valid_value("animation-delay", "exit 50%"); |
35 |
| - |
36 |
| -test_valid_value("animation-delay", "enter 50% 0s", "enter 50%"); |
37 |
| -test_valid_value("animation-delay", "0s enter 50%"); |
38 |
| -test_valid_value("animation-delay", "enter 50% exit 50%"); |
39 |
| -test_valid_value("animation-delay", "cover 50% enter 50%, contain 50% exit 50%"); |
40 |
| - |
41 | 17 | test_invalid_value("animation-delay", "1s 2s 3s");
|
42 | 18 | test_invalid_value("animation-delay", "0s, 1s 2s 3s");
|
43 | 19 | test_invalid_value("animation-delay", "1s / 2s");
|
|
61 | 37 | 'animation-delay-end': '0s',
|
62 | 38 | });
|
63 | 39 |
|
64 |
| -test_shorthand_value('animation-delay', 'cover', { |
65 |
| - 'animation-delay-start': 'cover 0%', |
66 |
| - 'animation-delay-end': 'cover 100%', |
67 |
| -}); |
68 |
| - |
69 |
| -test_shorthand_value('animation-delay', 'contain', { |
70 |
| - 'animation-delay-start': 'contain 0%', |
71 |
| - 'animation-delay-end': 'contain 100%', |
72 |
| -}); |
73 |
| - |
74 |
| -test_shorthand_value('animation-delay', 'enter 10% exit 20%', { |
75 |
| - 'animation-delay-start': 'enter 10%', |
76 |
| - 'animation-delay-end': 'exit 20%', |
77 |
| -}); |
78 |
| - |
79 | 40 | test_shorthand_value('animation-delay', '1s 2s, 3s 4s', {
|
80 | 41 | 'animation-delay-start': '1s, 3s',
|
81 | 42 | 'animation-delay-end': '2s, 4s',
|
|
85 | 46 | 'animation-delay-start': '1s, 3s, 4s',
|
86 | 47 | 'animation-delay-end': '2s, 0s, 5s',
|
87 | 48 | });
|
88 |
| - |
89 |
| -test_shorthand_value('animation-delay', 'enter, exit', { |
90 |
| - 'animation-delay-start': 'enter 0%, exit 0%', |
91 |
| - 'animation-delay-end': 'enter 100%, exit 100%', |
92 |
| -}); |
93 |
| - |
94 |
| -test_shorthand_value('animation-delay', 'enter 0%, exit', { |
95 |
| - 'animation-delay-start': 'enter 0%, exit 0%', |
96 |
| - 'animation-delay-end': '0s, exit 100%', |
97 |
| -}); |
98 |
| - |
99 |
| -test_shorthand_value('animation-delay', 'enter 0% 1s, 2s exit 50%', { |
100 |
| - 'animation-delay-start': 'enter 0%, 2s', |
101 |
| - 'animation-delay-end': '1s, exit 50%', |
102 |
| -}); |
103 | 49 | </script>
|
0 commit comments