Index: third_party/WebKit/LayoutTests/animations/responsive/offset-rotate-responsive.html |
diff --git a/third_party/WebKit/LayoutTests/animations/responsive/offset-rotate-responsive.html b/third_party/WebKit/LayoutTests/animations/responsive/offset-rotate-responsive.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..9ee033c566a9fe6ae860b7279ac3ebb619f1f595 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/animations/responsive/offset-rotate-responsive.html |
@@ -0,0 +1,43 @@ |
+<!DOCTYPE html> |
+<script src="resources/responsive-test.js"></script> |
+<script> |
+// When the parent's offset-rotate changes during an animation, we respond. |
+assertCSSResponsive({ |
+ property: 'offset-rotate', |
+ from: 'inherit', |
+ to: 'auto 40deg', |
+ configurations: [{ |
+ state: {inherited: '50deg'}, |
+ expect: [ |
+ {at: 0.25, is: '50deg'}, |
+ {at: 0.75, is: 'auto 40deg'}, |
+ ], |
+ }, { |
+ state: {inherited: 'auto 20deg'}, |
+ expect: [ |
+ {at: 0.25, is: 'auto 25deg'}, |
+ {at: 0.75, is: 'auto 35deg'}, |
+ ], |
+ }], |
+}); |
+ |
+// When the underlying offset-rotate changes during an animation, we respond. |
+assertCSSResponsive({ |
+ property: 'offset-rotate', |
+ from: neutralKeyframe, |
+ to: '80deg', |
+ configurations: [{ |
+ state: {underlying: 'auto 50deg'}, |
+ expect: [ |
+ {at: 0.25, is: 'auto 50deg'}, |
+ {at: 0.75, is: '80deg'}, |
+ ], |
+ }, { |
+ state: {underlying: '40deg'}, |
+ expect: [ |
+ {at: 0.25, is: '50deg'}, |
+ {at: 0.75, is: '70deg'}, |
+ ], |
+ }], |
+}); |
+</script> |