Diff
Modified: trunk/LayoutTests/ChangeLog (277052 => 277053)
--- trunk/LayoutTests/ChangeLog 2021-05-05 23:23:48 UTC (rev 277052)
+++ trunk/LayoutTests/ChangeLog 2021-05-05 23:38:57 UTC (rev 277053)
@@ -1,3 +1,13 @@
+2021-05-05 Tim Nguyen <[email protected]>
+
+ Re-sync css/css-animations WPTs
+ https://bugs.webkit.org/show_bug.cgi?id=225404
+
+ Reviewed by Myles C. Maxfield.
+
+ * TestExpectations:
+ * tests-options.json:
+
2021-05-05 Amir Mark Jr <[email protected]>
[MacOS wk2] http/tests/cache/disk-cache/disk-cache-remove-several-pending-writes.html is a flakey failure
Modified: trunk/LayoutTests/TestExpectations (277052 => 277053)
--- trunk/LayoutTests/TestExpectations 2021-05-05 23:23:48 UTC (rev 277052)
+++ trunk/LayoutTests/TestExpectations 2021-05-05 23:38:57 UTC (rev 277053)
@@ -3098,6 +3098,8 @@
# wpt css-transitions and css-animations failures and flakiness
webkit.org/b/203296 imported/w3c/web-platform-tests/css/css-animations/keyframes-remove-documentElement-crash.html [ Skip ]
+webkit.org/b/225407 imported/w3c/web-platform-tests/css/css-animations/nested-scale-animations.html [ ImageOnlyFailure ]
+webkit.org/b/225407 imported/w3c/web-platform-tests/css/css-animations/transform-animation-under-large-scale.html [ ImageOnlyFailure ]
webkit.org/b/203305 imported/w3c/web-platform-tests/css/css-transitions/properties-value-001.html [ Pass Failure ]
webkit.org/b/203305 imported/w3c/web-platform-tests/css/css-transitions/properties-value-inherit-001.html [ Pass Failure ]
webkit.org/b/203305 imported/w3c/web-platform-tests/css/css-transitions/properties-value-inherit-002.html [ Pass Failure ]
Modified: trunk/LayoutTests/imported/w3c/ChangeLog (277052 => 277053)
--- trunk/LayoutTests/imported/w3c/ChangeLog 2021-05-05 23:23:48 UTC (rev 277052)
+++ trunk/LayoutTests/imported/w3c/ChangeLog 2021-05-05 23:38:57 UTC (rev 277053)
@@ -1,5 +1,32 @@
2021-05-05 Tim Nguyen <[email protected]>
+ Re-sync css/css-animations WPTs
+ https://bugs.webkit.org/show_bug.cgi?id=225404
+
+ Reviewed by Myles C. Maxfield.
+
+ * resources/resource-files.json:
+ * web-platform-tests/css/css-animations/nested-scale-animations-expected.html: Added.
+ * web-platform-tests/css/css-animations/nested-scale-animations.html: Added.
+ * web-platform-tests/css/css-animations/svg-transform-animation-expected.html: Added.
+ * web-platform-tests/css/css-animations/svg-transform-animation.html: Added.
+ * web-platform-tests/css/css-animations/transform-animation-under-large-scale-expected.html: Added.
+ * web-platform-tests/css/css-animations/transform-animation-under-large-scale.html: Added.
+ * web-platform-tests/css/css-animations/translation-animation-subpixel-offset-expected.html: Added.
+ * web-platform-tests/css/css-animations/translation-animation-subpixel-offset.html: Added.
+ * web-platform-tests/css/css-animations/KeyframeEffect-getKeyframes.tentative.html:
+ * web-platform-tests/css/css-animations/event-dispatch.tentative-expected.txt:
+ * web-platform-tests/css/css-animations/event-dispatch.tentative.html:
+ * web-platform-tests/css/css-animations/parsing/animation-invalid-expected.txt:
+ * web-platform-tests/css/css-animations/parsing/animation-invalid.html:
+ * web-platform-tests/css/css-animations/parsing/animation-shorthand-expected.txt:
+ * web-platform-tests/css/css-animations/parsing/animation-shorthand.html:
+ * web-platform-tests/css/css-animations/support/testcommon.js:
+ (armTimeoutWhenReady):
+ * web-platform-tests/css/css-animations/w3c-import.log:
+
+2021-05-05 Tim Nguyen <[email protected]>
+
Invalid media query keyword values should not be parsable
https://bugs.webkit.org/show_bug.cgi?id=225282
Modified: trunk/LayoutTests/imported/w3c/resources/resource-files.json (277052 => 277053)
--- trunk/LayoutTests/imported/w3c/resources/resource-files.json 2021-05-05 23:23:48 UTC (rev 277052)
+++ trunk/LayoutTests/imported/w3c/resources/resource-files.json 2021-05-05 23:38:57 UTC (rev 277053)
@@ -138,6 +138,7 @@
"web-platform-tests/css/WOFF2/support/available-001b.xht",
"web-platform-tests/css/WOFF2/testcaseindex.xht",
"web-platform-tests/css/css-animations/keyframes-remove-documentElement-crash.html",
+ "web-platform-tests/css/css-animations/webkit-writing-mode-crash.html",
"web-platform-tests/css/css-backgrounds/background-attachment-local-scrolling.htm",
"web-platform-tests/css/css-backgrounds/background-clip-content-box.html",
"web-platform-tests/css/css-backgrounds/background-clip-padding-box-with-border-radius.html",
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/KeyframeEffect-getKeyframes.tentative.html (277052 => 277053)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/KeyframeEffect-getKeyframes.tentative.html 2021-05-05 23:23:48 UTC (rev 277052)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/KeyframeEffect-getKeyframes.tentative.html 2021-05-05 23:38:57 UTC (rev 277053)
@@ -618,14 +618,14 @@
test(t => {
const div = addDiv(t);
- div.style.animation = 'anim-custom-property-in-keyframe 100s';
+ div.style.animation = 'anim-custom-property-in-keyframe 100s steps(2, start)';
const frames = getKeyframes(div);
const expected = [
- { offset: 0, computedOffset: 0, easing: "ease", composite: "auto",
+ { offset: 0, computedOffset: 0, easing: "steps(2, start)", composite: "auto",
color: "rgb(0, 0, 0)" },
- { offset: 1, computedOffset: 1, easing: "ease", composite: "auto",
+ { offset: 1, computedOffset: 1, easing: "steps(2, start)", composite: "auto",
color: "rgb(0, 255, 0)" },
];
assert_frame_lists_equal(frames, expected);
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/event-dispatch.tentative-expected.txt (277052 => 277053)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/event-dispatch.tentative-expected.txt 2021-05-05 23:23:48 UTC (rev 277052)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/event-dispatch.tentative-expected.txt 2021-05-05 23:38:57 UTC (rev 277053)
@@ -4,6 +4,7 @@
PASS Before -> Active
PASS Before -> After
PASS Active -> Idle, display: none
+PASS After -> Idle, display: none
PASS Active -> Idle, setting Animation.timeline = null
PASS Active -> Idle, calling Animation.cancel()
PASS Active -> Before
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/event-dispatch.tentative.html (277052 => 277053)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/event-dispatch.tentative.html 2021-05-05 23:23:48 UTC (rev 277052)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/event-dispatch.tentative.html 2021-05-05 23:38:57 UTC (rev 277053)
@@ -18,12 +18,14 @@
const setupAnimation = (t, animationStyle) => {
const div = addDiv(t, { style: 'animation: ' + animationStyle });
+ const animation = div.getAnimations()[0];
+ const timeoutPromise = armTimeoutWhenReady(animation, fastEventsTimeout);
+
const watcher = new EventWatcher(t, div, [ 'animationstart',
'animationiteration',
'animationend',
'animationcancel' ],
- fastEventsTimeout);
- const animation = div.getAnimations()[0];
+ timeoutPromise);
return { animation, watcher, div };
};
@@ -90,6 +92,19 @@
}, 'Active -> Idle, display: none');
promise_test(async t => {
+ const { animation, watcher, div } = setupAnimation(t, 'anim 100s paused');
+
+ // Seek to After phase.
+ animation.finish();
+ await watcher.wait_for(['animationstart', 'animationend']);
+
+ div.style.display = 'none';
+
+ // Wait a couple of frames and check that no event was dispatched.
+ await waitForAnimationFrames(2);
+}, 'After -> Idle, display: none');
+
+promise_test(async t => {
const { animation, watcher } = setupAnimation(t, 'anim 100s');
await watcher.wait_for('animationstart');
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/nested-scale-animations-expected.html (0 => 277053)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/nested-scale-animations-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/nested-scale-animations-expected.html 2021-05-05 23:38:57 UTC (rev 277053)
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<div style="width: 100px; height: 45px; background: blue"></div>
+<div style="height: 10px"></div>
+<div style="width: 100px; height: 45px; background: green"></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/nested-scale-animations.html (0 => 277053)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/nested-scale-animations.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/nested-scale-animations.html 2021-05-05 23:38:57 UTC (rev 277053)
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<title>Nested scale animations</title>
+<link rel="author" title="Xianzhu Wang" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="Contents under nested scale animations should not be too blurry">
+<script src=""
+<style>
+@keyframes scale {
+ 0% {transform: scale(1);}
+ 1% {transform: scale(10);}
+ 100% {transform: scale(10);}
+}
+.animate {
+ animation: scale 1s forwards;
+ position: relative;
+ top: 40%;
+ left: 40%;
+ width: 20%;
+ height: 20%;
+}
+</style>
+<div style="width: 100px; height: 100px; overflow: hidden; position: relative">
+ <div class="animate" _onanimationstart_="animationStarted()">
+ <div class="animate" _onanimationstart_="animationStarted()">
+ <div style="width: 4px; height: 2px; background: blue"></div>
+ <div style="width: 4px; height: 2px; background: green"></div>
+ </div>
+ </div>
+ <!-- To mask off the pixels that may be blurry/antialiased while the rendering
+ quality is acceptable. -->
+ <div style="position: absolute; top: 45px; left: 0; width: 100px; height: 10px; background: white"></div>
+</div>
+<script>
+var startedCount = 0;
+function animationStarted() {
+ startedCount++;
+ if (startedCount == 2)
+ takeScreenshotDelayed(900);
+}
+</script>
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/parsing/animation-invalid-expected.txt (277052 => 277053)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/parsing/animation-invalid-expected.txt 2021-05-05 23:23:48 UTC (rev 277052)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/parsing/animation-invalid-expected.txt 2021-05-05 23:38:57 UTC (rev 277053)
@@ -3,8 +3,8 @@
PASS e.style['animation'] = "-1s -2s" should not set the property value
PASS e.style['animation'] = "steps(1) steps(2)" should not set the property value
PASS e.style['animation'] = "1 2" should not set the property value
-PASS e.style['animation'] = "reverse alternate anim" should not set the property value
-PASS e.style['animation'] = "both backwards anim" should not set the property value
-PASS e.style['animation'] = "paused running anim" should not set the property value
-PASS e.style['animation'] = "anim1 anim2" should not set the property value
+PASS e.style['animation'] = "reverse alternate alternate-reverse anim" should not set the property value
+PASS e.style['animation'] = "both backwards forwards anim" should not set the property value
+PASS e.style['animation'] = "paused running paused anim" should not set the property value
+PASS e.style['animation'] = "anim1 timeline1 anim2" should not set the property value
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/parsing/animation-invalid.html (277052 => 277053)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/parsing/animation-invalid.html 2021-05-05 23:23:48 UTC (rev 277052)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/parsing/animation-invalid.html 2021-05-05 23:38:57 UTC (rev 277053)
@@ -18,13 +18,13 @@
test_invalid_value("animation", "1 2");
-test_invalid_value("animation", "reverse alternate anim");
+test_invalid_value("animation", "reverse alternate alternate-reverse anim");
-test_invalid_value("animation", "both backwards anim");
+test_invalid_value("animation", "both backwards forwards anim");
-test_invalid_value("animation", "paused running anim");
+test_invalid_value("animation", "paused running paused anim");
-test_invalid_value("animation", "anim1 anim2");
+test_invalid_value("animation", "anim1 timeline1 anim2");
</script>
</body>
</html>
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/parsing/animation-shorthand-expected.txt (277052 => 277053)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/parsing/animation-shorthand-expected.txt 2021-05-05 23:23:48 UTC (rev 277052)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/parsing/animation-shorthand-expected.txt 2021-05-05 23:38:57 UTC (rev 277053)
@@ -6,6 +6,7 @@
PASS e.style['animation'] = "anim paused both reverse 4 1s -3s cubic-bezier(0, -2, 1, 3)" should set animation-iteration-count
PASS e.style['animation'] = "anim paused both reverse 4 1s -3s cubic-bezier(0, -2, 1, 3)" should set animation-name
PASS e.style['animation'] = "anim paused both reverse 4 1s -3s cubic-bezier(0, -2, 1, 3)" should set animation-play-state
+FAIL e.style['animation'] = "anim paused both reverse 4 1s -3s cubic-bezier(0, -2, 1, 3)" should set animation-timeline assert_equals: animation-timeline should be canonical expected (string) "auto" but got (undefined) undefined
PASS e.style['animation'] = "anim paused both reverse 4 1s -3s cubic-bezier(0, -2, 1, 3)" should set animation-timing-function
PASS e.style['animation'] = "anim paused both reverse 4 1s -3s cubic-bezier(0, -2, 1, 3)" should not set unrelated longhands
FAIL e.style['animation'] = "anim paused both reverse, 4 1s -3s cubic-bezier(0, -2, 1, 3)" should set animation-delay assert_equals: animation-delay should be canonical expected "0s, -3s" but got "initial, -3s"
@@ -15,6 +16,7 @@
FAIL e.style['animation'] = "anim paused both reverse, 4 1s -3s cubic-bezier(0, -2, 1, 3)" should set animation-iteration-count assert_equals: animation-iteration-count should be canonical expected "1, 4" but got "initial, 4"
FAIL e.style['animation'] = "anim paused both reverse, 4 1s -3s cubic-bezier(0, -2, 1, 3)" should set animation-name assert_equals: animation-name should be canonical expected "anim, none" but got "anim, initial"
FAIL e.style['animation'] = "anim paused both reverse, 4 1s -3s cubic-bezier(0, -2, 1, 3)" should set animation-play-state assert_equals: animation-play-state should be canonical expected "paused, running" but got "paused, initial"
+FAIL e.style['animation'] = "anim paused both reverse, 4 1s -3s cubic-bezier(0, -2, 1, 3)" should set animation-timeline assert_equals: animation-timeline should be canonical expected (string) "auto, auto" but got (undefined) undefined
FAIL e.style['animation'] = "anim paused both reverse, 4 1s -3s cubic-bezier(0, -2, 1, 3)" should set animation-timing-function assert_equals: animation-timing-function should be canonical expected "ease, cubic-bezier(0, -2, 1, 3)" but got "initial, cubic-bezier(0, -2, 1, 3)"
PASS e.style['animation'] = "anim paused both reverse, 4 1s -3s cubic-bezier(0, -2, 1, 3)" should not set unrelated longhands
FAIL e.style['animation'] = "4 1s -3s cubic-bezier(0, -2, 1, 3), anim paused both reverse" should set animation-delay assert_equals: animation-delay should be canonical expected "-3s, 0s" but got "-3s, initial"
@@ -24,6 +26,7 @@
FAIL e.style['animation'] = "4 1s -3s cubic-bezier(0, -2, 1, 3), anim paused both reverse" should set animation-iteration-count assert_equals: animation-iteration-count should be canonical expected "4, 1" but got "4, initial"
FAIL e.style['animation'] = "4 1s -3s cubic-bezier(0, -2, 1, 3), anim paused both reverse" should set animation-name assert_equals: animation-name should be canonical expected "none, anim" but got "initial, anim"
FAIL e.style['animation'] = "4 1s -3s cubic-bezier(0, -2, 1, 3), anim paused both reverse" should set animation-play-state assert_equals: animation-play-state should be canonical expected "running, paused" but got "initial, paused"
+FAIL e.style['animation'] = "4 1s -3s cubic-bezier(0, -2, 1, 3), anim paused both reverse" should set animation-timeline assert_equals: animation-timeline should be canonical expected (string) "auto, auto" but got (undefined) undefined
FAIL e.style['animation'] = "4 1s -3s cubic-bezier(0, -2, 1, 3), anim paused both reverse" should set animation-timing-function assert_equals: animation-timing-function should be canonical expected "cubic-bezier(0, -2, 1, 3), ease" but got "cubic-bezier(0, -2, 1, 3), initial"
PASS e.style['animation'] = "4 1s -3s cubic-bezier(0, -2, 1, 3), anim paused both reverse" should not set unrelated longhands
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/parsing/animation-shorthand.html (277052 => 277053)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/parsing/animation-shorthand.html 2021-05-05 23:23:48 UTC (rev 277052)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/parsing/animation-shorthand.html 2021-05-05 23:38:57 UTC (rev 277053)
@@ -19,7 +19,8 @@
'animation-direction': 'reverse',
'animation-fill-mode': 'both',
'animation-play-state': 'paused',
- 'animation-name': 'anim'
+ 'animation-name': 'anim',
+ 'animation-timeline': 'auto'
});
test_shorthand_value('animation', 'anim paused both reverse, 4 1s -3s cubic-bezier(0, -2, 1, 3)', {
@@ -30,7 +31,8 @@
'animation-direction': 'reverse, normal',
'animation-fill-mode': 'both, none',
'animation-play-state': 'paused, running',
- 'animation-name': 'anim, none'
+ 'animation-name': 'anim, none',
+ 'animation-timeline': 'auto, auto'
});
test_shorthand_value('animation', '4 1s -3s cubic-bezier(0, -2, 1, 3), anim paused both reverse', {
@@ -41,7 +43,8 @@
'animation-direction': 'normal, reverse',
'animation-fill-mode': 'none, both',
'animation-play-state': 'running, paused',
- 'animation-name': 'none, anim'
+ 'animation-name': 'none, anim',
+ 'animation-timeline': 'auto, auto'
});
</script>
</body>
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/testcommon.js (277052 => 277053)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/testcommon.js 2021-05-05 23:23:48 UTC (rev 277052)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/support/testcommon.js 2021-05-05 23:38:57 UTC (rev 277053)
@@ -202,6 +202,21 @@
};
/**
+ * Timeout function used for tests with EventWatchers. The client agent has no
+ * strict requirement for how long it takes to resolve the ready promise. Once
+ * the promise is resolved a secondary timeout promise is armed that may have
+ * a tight deadline measured in animation frames.
+ */
+function armTimeoutWhenReady(animation, timeoutPromise) {
+ return () => {
+ if (animation.pending)
+ return animation.ready.then(() => { return timeoutPromise(); });
+ else
+ return timeoutPromise();
+ };
+}
+
+/**
* Wrapper that takes a sequence of N animations and returns:
*
* Promise.all([animations[0].ready, animations[1].ready, ... animations[N-1].ready]);
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/svg-transform-animation-expected.html (0 => 277053)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/svg-transform-animation-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/svg-transform-animation-expected.html 2021-05-05 23:38:57 UTC (rev 277053)
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<div style="width: 100px; height: 100px; position: relative; top: 100px; left: 100px;
+ background: green"></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/svg-transform-animation.html (0 => 277053)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/svg-transform-animation.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/svg-transform-animation.html 2021-05-05 23:38:57 UTC (rev 277053)
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<title>Transform animation on SVG element with zoom</title>
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+@keyframes transform {
+ from {transform: translate(100px, 100px)}
+ to {transform: translate(100px, 100px)}
+}
+</style>
+<svg width="200" height="200">
+ <rect x="100" y="100" width="100" height="100" fill="red"/>
+ <rect style="animation: transform 2s infinite" x="0" y="0" width="100" height="100" fill="green"/>
+</svg>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/transform-animation-under-large-scale-expected.html (0 => 277053)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/transform-animation-under-large-scale-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/transform-animation-under-large-scale-expected.html 2021-05-05 23:38:57 UTC (rev 277053)
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<div style="width: 200px; height: 100px; background: blue"></div>
+<div style="width: 200px; height: 100px; background: green"></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/transform-animation-under-large-scale.html (0 => 277053)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/transform-animation-under-large-scale.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/transform-animation-under-large-scale.html 2021-05-05 23:38:57 UTC (rev 277053)
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<title>Transform animation under large scale</title>
+<link rel="author" title="Xianzhu Wang" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+@keyframes move {
+ 0% {transform: translateX(-1px);}
+ 100% {transform: translateX(0);}
+}
+</style>
+<div style="width: 2px; height: 2px; transform: scale(100); transform-origin: 0 0; overflow: hidden">
+ <div style="animation: move 1s infinite alternate">
+ <div style="width: 4px; height: 1px; background: blue"></div>
+ <div style="width: 4px; height: 1px; background: green"></div>
+ </div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/translation-animation-subpixel-offset-expected.html (0 => 277053)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/translation-animation-subpixel-offset-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/translation-animation-subpixel-offset-expected.html 2021-05-05 23:38:57 UTC (rev 277053)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<style>
+div {
+ position: absolute;
+ top: 11px;
+ left: 1px;
+ width: 100px;
+ height: 100px;
+ background: green;
+}
+</style>
+<div></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/translation-animation-subpixel-offset.html (0 => 277053)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/translation-animation-subpixel-offset.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/translation-animation-subpixel-offset.html 2021-05-05 23:38:57 UTC (rev 277053)
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<title>Translation-only transform animation with subpixel offset</title>
+<link rel="author" title="Xianzhu Wang" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+@keyframes move {
+ 0% {transform: translateY(10px);}
+ 100% {transform: translateY(10px);}
+}
+#red {
+ position: absolute;
+ top: 11px;
+ left: 1px;
+ width: 100px;
+ height: 100px;
+ background: red;
+}
+#container {
+ position: absolute;
+ top: 0.4px;
+ left: 0.6px;
+}
+#target {
+ position: relative;
+ top: 0.4px;
+ left: 0.6px;
+ width: 100px;
+ height: 100px;
+ background: green;
+ animation: move 1s infinite alternate;
+}
+</style>
+<div id="red"></div>
+<div id="container">
+ <div id="target"></div>
+</div>
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/w3c-import.log (277052 => 277053)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/w3c-import.log 2021-05-05 23:23:48 UTC (rev 277052)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/w3c-import.log 2021-05-05 23:38:57 UTC (rev 277053)
@@ -72,6 +72,14 @@
/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/idlharness.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/inheritance.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/keyframes-remove-documentElement-crash.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/nested-scale-animations-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/nested-scale-animations.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/pending-style-changes-001.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/style-animation-parsing.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/svg-transform-animation-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/svg-transform-animation.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/transform-animation-under-large-scale-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/transform-animation-under-large-scale.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/translation-animation-subpixel-offset-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/translation-animation-subpixel-offset.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-animations/webkit-writing-mode-crash.html
Modified: trunk/LayoutTests/tests-options.json (277052 => 277053)
--- trunk/LayoutTests/tests-options.json 2021-05-05 23:23:48 UTC (rev 277052)
+++ trunk/LayoutTests/tests-options.json 2021-05-05 23:38:57 UTC (rev 277053)
@@ -632,6 +632,9 @@
"imported/w3c/web-platform-tests/css/css-animations/event-dispatch.tentative.html": [
"slow"
],
+ "imported/w3c/web-platform-tests/css/css-animations/idlharness.html": [
+ "slow"
+ ],
"imported/w3c/web-platform-tests/css/css-color/color-resolving-hsl.html": [
"slow"
],
