mirror of
https://github.com/servo/servo.git
synced 2025-08-07 06:25:32 +01:00
Update web-platform-tests to revision b'4a4653e088039aec186d6dc1d488120d77695c3a'
This commit is contained in:
parent
470a50ab60
commit
6337336fab
1043 changed files with 19705 additions and 6973 deletions
|
@ -13,7 +13,7 @@
|
|||
<script>
|
||||
test_invalid_value("animation-delay", "infinite");
|
||||
test_invalid_value("animation-delay", "0");
|
||||
test_invalid_value("animation-delay", "1s 2s");
|
||||
test_invalid_value("animation-delay", "1s 2s 3s");
|
||||
|
||||
test_invalid_value("animation-delay", "initial, -3s");
|
||||
test_invalid_value("animation-delay", "-3s, initial");
|
||||
|
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html>
|
||||
<title>animation-delay shorthand (computed values)</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-delay">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/computed-testcommon.js"></script>
|
||||
<div id="target"></div>
|
||||
<script>
|
||||
test_computed_value("animation-delay", "1s");
|
||||
test_computed_value("animation-delay", "-1s");
|
||||
test_computed_value("animation-delay", "1s 2s");
|
||||
test_computed_value("animation-delay", "1s, 2s");
|
||||
test_computed_value("animation-delay", "1s 2s, 3s");
|
||||
test_computed_value("animation-delay", "1s, 2s 3s");
|
||||
test_computed_value("animation-delay", "1s, 2s, 3s");
|
||||
|
||||
test_computed_value("animation-delay", "cover");
|
||||
test_computed_value("animation-delay", "contain");
|
||||
test_computed_value("animation-delay", "enter");
|
||||
test_computed_value("animation-delay", "exit");
|
||||
test_computed_value("animation-delay", "enter, exit");
|
||||
|
||||
test_computed_value("animation-delay", "enter 0% enter 100%", "enter");
|
||||
test_computed_value("animation-delay", "exit 0% exit 100%", "exit");
|
||||
test_computed_value("animation-delay", "cover 0% cover 100%", "cover");
|
||||
test_computed_value("animation-delay", "contain 0% contain 100%", "contain");
|
||||
|
||||
test_computed_value("animation-delay", "cover 50%");
|
||||
test_computed_value("animation-delay", "contain 50%");
|
||||
test_computed_value("animation-delay", "enter 50%");
|
||||
test_computed_value("animation-delay", "exit 50%");
|
||||
|
||||
test_computed_value("animation-delay", "enter 50% 0s", "enter 50%");
|
||||
test_computed_value("animation-delay", "0s enter 50%");
|
||||
test_computed_value("animation-delay", "enter 50% exit 50%");
|
||||
test_computed_value("animation-delay", "cover 50% enter 50%, contain 50% exit 50%");
|
||||
</script>
|
|
@ -0,0 +1,103 @@
|
|||
<!DOCTYPE html>
|
||||
<title>animation-delay shorthand</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-delay">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/shorthand-testcommon.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
|
||||
test_valid_value("animation-delay", "1s");
|
||||
test_valid_value("animation-delay", "-1s");
|
||||
test_valid_value("animation-delay", "1s 2s");
|
||||
test_valid_value("animation-delay", "1s, 2s");
|
||||
test_valid_value("animation-delay", "1s 2s, 3s");
|
||||
test_valid_value("animation-delay", "1s, 2s 3s");
|
||||
test_valid_value("animation-delay", "1s, 2s, 3s");
|
||||
|
||||
test_valid_value("animation-delay", "cover");
|
||||
test_valid_value("animation-delay", "contain");
|
||||
test_valid_value("animation-delay", "enter");
|
||||
test_valid_value("animation-delay", "exit");
|
||||
test_valid_value("animation-delay", "enter, exit");
|
||||
|
||||
test_valid_value("animation-delay", "enter 0% enter 100%", "enter");
|
||||
test_valid_value("animation-delay", "exit 0% exit 100%", "exit");
|
||||
test_valid_value("animation-delay", "cover 0% cover 100%", "cover");
|
||||
test_valid_value("animation-delay", "contain 0% contain 100%", "contain");
|
||||
|
||||
test_valid_value("animation-delay", "cover 50%");
|
||||
test_valid_value("animation-delay", "contain 50%");
|
||||
test_valid_value("animation-delay", "enter 50%");
|
||||
test_valid_value("animation-delay", "exit 50%");
|
||||
|
||||
test_valid_value("animation-delay", "enter 50% 0s", "enter 50%");
|
||||
test_valid_value("animation-delay", "0s enter 50%");
|
||||
test_valid_value("animation-delay", "enter 50% exit 50%");
|
||||
test_valid_value("animation-delay", "cover 50% enter 50%, contain 50% exit 50%");
|
||||
|
||||
test_invalid_value("animation-delay", "1s 2s 3s");
|
||||
test_invalid_value("animation-delay", "0s, 1s 2s 3s");
|
||||
test_invalid_value("animation-delay", "1s / 2s");
|
||||
test_invalid_value("animation-delay", "1s, 2px");
|
||||
test_invalid_value("animation-delay", "#ff0000");
|
||||
test_invalid_value("animation-delay", "red");
|
||||
test_invalid_value("animation-delay", "thing");
|
||||
test_invalid_value("animation-delay", "thing 0%");
|
||||
test_invalid_value("animation-delay", "thing 42%");
|
||||
test_invalid_value("animation-delay", "thing 100%");
|
||||
test_invalid_value("animation-delay", "thing 100px");
|
||||
test_invalid_value("animation-delay", "100% thing");
|
||||
|
||||
test_shorthand_value('animation-delay', '1s 2s', {
|
||||
'animation-delay-start': '1s',
|
||||
'animation-delay-end': '2s',
|
||||
});
|
||||
|
||||
test_shorthand_value('animation-delay', '1s', {
|
||||
'animation-delay-start': '1s',
|
||||
'animation-delay-end': '0s',
|
||||
});
|
||||
|
||||
test_shorthand_value('animation-delay', 'cover', {
|
||||
'animation-delay-start': 'cover 0%',
|
||||
'animation-delay-end': 'cover 100%',
|
||||
});
|
||||
|
||||
test_shorthand_value('animation-delay', 'contain', {
|
||||
'animation-delay-start': 'contain 0%',
|
||||
'animation-delay-end': 'contain 100%',
|
||||
});
|
||||
|
||||
test_shorthand_value('animation-delay', 'enter 10% exit 20%', {
|
||||
'animation-delay-start': 'enter 10%',
|
||||
'animation-delay-end': 'exit 20%',
|
||||
});
|
||||
|
||||
test_shorthand_value('animation-delay', '1s 2s, 3s 4s', {
|
||||
'animation-delay-start': '1s, 3s',
|
||||
'animation-delay-end': '2s, 4s',
|
||||
});
|
||||
|
||||
test_shorthand_value('animation-delay', '1s 2s, 3s, 4s 5s', {
|
||||
'animation-delay-start': '1s, 3s, 4s',
|
||||
'animation-delay-end': '2s, 0s, 5s',
|
||||
});
|
||||
|
||||
test_shorthand_value('animation-delay', 'enter, exit', {
|
||||
'animation-delay-start': 'enter 0%, exit 0%',
|
||||
'animation-delay-end': 'enter 100%, exit 100%',
|
||||
});
|
||||
|
||||
test_shorthand_value('animation-delay', 'enter 0%, exit', {
|
||||
'animation-delay-start': 'enter 0%, exit 0%',
|
||||
'animation-delay-end': '0s, exit 100%',
|
||||
});
|
||||
|
||||
test_shorthand_value('animation-delay', 'enter 0% 1s, 2s exit 50%', {
|
||||
'animation-delay-start': 'enter 0%, 2s',
|
||||
'animation-delay-end': '1s, exit 50%',
|
||||
});
|
||||
</script>
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-animations/#propdef-animation">
|
||||
<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/shorthand-testcommon.js"></script>
|
||||
<script>
|
||||
// TODO(https://github.com/w3c/csswg-drafts/issues/8054): When support for
|
||||
// animation-delay-start and -end is added to the animation shorthand, this
|
||||
// file should just merge with animation-shorthand.html.
|
||||
test_shorthand_value('animation', 'anim paused both reverse 4 1s -3s cubic-bezier(0, -2, 1, 3)', {
|
||||
'animation-duration': '1s',
|
||||
'animation-timing-function': 'cubic-bezier(0, -2, 1, 3)',
|
||||
'animation-delay-start': '-3s',
|
||||
'animation-delay-end': '0s',
|
||||
'animation-iteration-count': '4',
|
||||
'animation-direction': 'reverse',
|
||||
'animation-fill-mode': 'both',
|
||||
'animation-play-state': 'paused',
|
||||
'animation-name': 'anim',
|
||||
'animation-timeline': 'auto'
|
||||
});
|
||||
</script>
|
Loading…
Add table
Add a link
Reference in a new issue