Update web-platform-tests to revision b'4a4653e088039aec186d6dc1d488120d77695c3a'

This commit is contained in:
WPT Sync Bot 2022-12-11 01:16:53 +00:00
parent 470a50ab60
commit 6337336fab
1043 changed files with 19705 additions and 6973 deletions

View file

@ -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");

View file

@ -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>

View file

@ -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>

View file

@ -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>