Index: third_party/WebKit/LayoutTests/animations/responsive/translate-responsive.html |
diff --git a/third_party/WebKit/LayoutTests/animations/responsive/translate-responsive.html b/third_party/WebKit/LayoutTests/animations/responsive/translate-responsive.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..5402c187bb45ddc78dcb6031598a24f55bb9263d |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/animations/responsive/translate-responsive.html |
@@ -0,0 +1,34 @@ |
+<!DOCTYPE html> |
+<script src="resources/responsive-test.js"></script> |
+<script> |
+assertCSSResponsive({ |
+ property: 'translate', |
+ from: 'inherit', |
+ to: '100px 200px 300px', |
+ configurations: [{ |
+ state: {inherited: 'initial'}, |
+ expect: [ |
+ {at: 0.25, is: '25px 50px 75px'}, |
+ {at: 0.75, is: '75px 150px 225px'}, |
+ ], |
+ }, { |
+ state: {inherited: '0'}, |
+ expect: [ |
+ {at: 0.25, is: '25px 50px 75px'}, |
+ {at: 0.75, is: '75px 150px 225px'}, |
+ ], |
+ }, { |
+ state: {inherited: '200px 100px'}, |
+ expect: [ |
+ {at: 0.25, is: '175px 125px 75px'}, |
+ {at: 0.75, is: '125px 175px 225px'}, |
+ ], |
+ }, { |
+ state: {inherited: '100px 100px 100px'}, |
+ expect: [ |
+ {at: 0.25, is: '100px 125px 150px'}, |
+ {at: 0.75, is: '100px 175px 250px'}, |
+ ], |
+ }], |
+}); |
+</script> |