Index: third_party/WebKit/LayoutTests/animations/svg-attribute-responsive/svg-d-responsive.html |
diff --git a/third_party/WebKit/LayoutTests/animations/svg-attribute-responsive/svg-d-responsive.html b/third_party/WebKit/LayoutTests/animations/svg-attribute-responsive/svg-d-responsive.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..33a448c26f87b044200242857b7fb98602560082 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/animations/svg-attribute-responsive/svg-d-responsive.html |
@@ -0,0 +1,32 @@ |
+<!DOCTYPE html> |
+<script src="../responsive/resources/responsive-test.js"></script> |
+<script> |
+assertSVGResponsive({ |
+ targetTag: 'path', |
+ property: 'd', |
+ getter(target) { |
+ return target.getAttribute('d'); |
+ }, |
+ from: 'm 10 10 h 100', |
+ to: neutralKeyframe, |
+ configurations: [{ |
+ state: {underlying: 'M 30 30 H 250'}, |
+ expect: [ |
+ {at: 0.25, is: 'M 15 15 H 145'}, |
+ {at: 0.75, is: 'M 25 25 H 215'}, |
+ ], |
+ }, { |
+ state: {underlying: 'm 30 30 h 200'}, |
+ expect: [ |
+ {at: 0.25, is: 'm 15 15 h 125'}, |
+ {at: 0.75, is: 'm 25 25 h 175'}, |
+ ], |
+ }, { |
+ state: {underlying: 'M 30 30 L 100 100'}, |
+ expect: [ |
+ {at: 0.25, is: 'm 10 10 h 100'}, |
+ {at: 0.75, is: 'M 30 30 L 100 100'}, |
+ ], |
+ }], |
+}); |
+</script> |