Index: third_party/WebKit/LayoutTests/animations/responsive/background-position-responsive.html |
diff --git a/third_party/WebKit/LayoutTests/animations/responsive/background-position-responsive.html b/third_party/WebKit/LayoutTests/animations/responsive/background-position-responsive.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..10f734c6dec37c8c92f9d031d991ec3ce0ba11d7 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/animations/responsive/background-position-responsive.html |
@@ -0,0 +1,41 @@ |
+<!DOCTYPE html> |
+<script src="resources/responsive-test.js"></script> |
+<script> |
+assertCSSResponsive({ |
+ property: 'background-position', |
+ from: neutralKeyframe, |
+ to: '100px 100px', |
+ configurations: [{ |
+ state: {underlying: '20px 60px'}, |
+ expect: [ |
+ {at: 0.25, is: '40px 70px'}, |
+ {at: 0.75, is: '80px 90px'}, |
+ ], |
+ }, { |
+ state: {underlying: '60px 20px'}, |
+ expect: [ |
+ {at: 0.25, is: '70px 40px'}, |
+ {at: 0.75, is: '90px 80px'}, |
+ ], |
+ }], |
+}); |
+ |
+assertCSSResponsive({ |
+ property: 'background-position', |
+ from: 'inherit', |
+ to: '100px 100px', |
+ configurations: [{ |
+ state: {inherited: '20px 60px'}, |
+ expect: [ |
+ {at: 0.25, is: '40px 70px'}, |
+ {at: 0.75, is: '80px 90px'}, |
+ ], |
+ }, { |
+ state: {inherited: '60px 20px'}, |
+ expect: [ |
+ {at: 0.25, is: '70px 40px'}, |
+ {at: 0.75, is: '90px 80px'}, |
+ ], |
+ }], |
+}); |
+</script> |