Index: third_party/WebKit/LayoutTests/animations/responsive/visibility-responsive.html |
diff --git a/third_party/WebKit/LayoutTests/animations/responsive/visibility-responsive.html b/third_party/WebKit/LayoutTests/animations/responsive/visibility-responsive.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..87d1b00c084e008c2a5b2f2069cb9df6da408c17 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/animations/responsive/visibility-responsive.html |
@@ -0,0 +1,41 @@ |
+<!DOCTYPE html> |
+<script src="resources/responsive-test.js"></script> |
+<script> |
+assertCSSResponsive({ |
+ property: 'visibility', |
+ from: 'inherit', |
+ to: 'hidden', |
+ configurations: [{ |
+ state: {inherited: 'collapse'}, |
+ expect: [ |
+ {at: 0.25, is: 'collapse'}, |
+ {at: 0.75, is: 'hidden'}, |
+ ], |
+ }, { |
+ state: {inherited: 'visible'}, |
+ expect: [ |
+ {at: 0.25, is: 'visible'}, |
+ {at: 0.75, is: 'visible'}, |
+ ], |
+ }], |
+}); |
+ |
+assertCSSResponsive({ |
+ property: 'visibility', |
+ from: neutralKeyframe, |
+ to: 'hidden', |
+ configurations: [{ |
+ state: {underlying: 'collapse'}, |
+ expect: [ |
+ {at: 0.25, is: 'collapse'}, |
+ {at: 0.75, is: 'hidden'}, |
+ ], |
+ }, { |
+ state: {underlying: 'visible'}, |
+ expect: [ |
+ {at: 0.25, is: 'visible'}, |
+ {at: 0.75, is: 'visible'}, |
+ ], |
+ }], |
+}); |
+</script> |