Index: LayoutTests/animations/stacked-neutral-keyframe-css-animations.html |
diff --git a/LayoutTests/animations/stacked-neutral-keyframe-css-animations.html b/LayoutTests/animations/stacked-neutral-keyframe-css-animations.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..0685edfcb672d2a826d04f7b80ca080312ec31a1 |
--- /dev/null |
+++ b/LayoutTests/animations/stacked-neutral-keyframe-css-animations.html |
@@ -0,0 +1,26 @@ |
+<!DOCTYPE html> |
+<script src="../resources/testharness.js"></script> |
+<script src="../resources/testharnessreport.js"></script> |
+<style> |
+#target { |
+ animation-name: first, second; |
+ animation-duration: 1e8s; |
+ animation-timing-function: steps(2, start); |
+ left: 100px; |
+} |
+ |
+@keyframes first { |
+ from { left: 300px; } |
+ to { left: 300px; } |
+} |
+ |
+@keyframes second { |
+ to { left: 200px; } |
+} |
+</style> |
+<div id="target"></div> |
+<script> |
+test(_ => { |
+ assert_equals(getComputedStyle(target).left, '250px'); |
+}, 'Multiple CSS Animations on the same property should composite together'); |
+</script> |