Index: third_party/WebKit/LayoutTests/animations/stacked-visibility-animations-responsive.html |
diff --git a/third_party/WebKit/LayoutTests/animations/stacked-visibility-animations-responsive.html b/third_party/WebKit/LayoutTests/animations/stacked-visibility-animations-responsive.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..6489018db83cff15ec4cceffb26156da20420115 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/animations/stacked-visibility-animations-responsive.html |
@@ -0,0 +1,17 @@ |
+<!DOCTYPE html> |
+<script src="../resources/testharness.js"></script> |
+<script src="../resources/testharnessreport.js"></script> |
+<div id="target"></div> |
+<script> |
+test(() => { |
+ var firstAnimation = target.animate([{visibility: 'hidden'}, {visibility: 'visible'}], 1); |
+ var secondAnimation = target.animate({visibility: 'collapse'}, 1); |
+ firstAnimation.pause(); |
+ firstAnimation.currentTime = 0; |
+ secondAnimation.pause(); |
+ secondAnimation.currentTime = 0.75; |
+ assert_equals(getComputedStyle(target).visibility, 'collapse'); |
+ firstAnimation.currentTime = 0.1; |
+ assert_equals(getComputedStyle(target).visibility, 'visible'); |
+}, "Visibility animations with neutral keyframes should be responsive to animations they're stacked on top of."); |
+</script> |