Index: third_party/WebKit/LayoutTests/animations/svg-attribute-composition/svg-viewBox-composition.html |
diff --git a/third_party/WebKit/LayoutTests/animations/svg-attribute-composition/svg-viewBox-composition.html b/third_party/WebKit/LayoutTests/animations/svg-attribute-composition/svg-viewBox-composition.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..d22b86b968c298edd50151df318033988631351f |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/animations/svg-attribute-composition/svg-viewBox-composition.html |
@@ -0,0 +1,80 @@ |
+<!DOCTYPE html> |
+<html> |
+<body> |
+<template id="target-template"> |
+<svg width="90" height="90"> |
+<defs> |
+<marker class="target" /> |
+</defs> |
+</svg> |
+</template> |
+<script src="../svg-attribute-interpolation/resources/interpolation-test.js"></script> |
+<script> |
+'use strict'; |
+assertAttributeInterpolation({ |
+ property: 'viewBox', |
+ underlying: '-10, 10, -10, 10', |
+ from: '-10, 20, 80, 90', |
+ fromComposite: 'add', |
+ to: '-20, 30, 70, 80', |
+ toComposite: 'add' |
+}, [ |
+ {at: -0.4, is: '-6, 16, 84, 94'}, |
+ {at: 0, is: '-10, 20, 80, 90'}, |
+ {at: 0.2, is: '-12, 22, 78, 88'}, |
+ {at: 0.6, is: '-16, 26, 74, 84'}, |
+ {at: 1, is: '-20, 30, 70, 80'}, |
+ {at: 1.4, is: '-24, 34, 66, 76'} |
+]); |
+ |
+assertAttributeInterpolation({ |
+ property: 'viewBox', |
+ underlying: '-10, 10, -10, 10', |
+ from: '-10, 20, 80, 90', |
+ fromComposite: 'add', |
+ to: '-20, 30, 70, 80', |
+ toComposite: 'replace' |
+}, [ |
+ {at: -0.4, is: '-6, 16, 84, 94'}, |
+ {at: 0, is: '-10, 20, 80, 90'}, |
+ {at: 0.2, is: '-12, 22, 78, 88'}, |
+ {at: 0.6, is: '-16, 26, 74, 84'}, |
+ {at: 1, is: '-20, 30, 70, 80'}, |
+ {at: 1.4, is: '-24, 34, 66, 76'} |
+]); |
+ |
+assertAttributeInterpolation({ |
+ property: 'viewBox', |
+ underlying: '-10, 10, -10, 10', |
+ from: '-10, 20, 80, 90', |
+ fromComposite: 'replace', |
+ to: '-20, 30, 70, 80', |
+ toComposite: 'add', |
+}, [ |
+ {at: -0.4, is: '-6, 16, 84, 94'}, |
+ {at: 0, is: '-10, 20, 80, 90'}, |
+ {at: 0.2, is: '-12, 22, 78, 88'}, |
+ {at: 0.6, is: '-16, 26, 74, 84'}, |
+ {at: 1, is: '-20, 30, 70, 80'}, |
+ {at: 1.4, is: '-24, 34, 66, 76'} |
+]); |
+ |
+assertAttributeInterpolation({ |
+ property: 'viewBox', |
+ underlying: '-10, 20, 80, 90', |
+ from: '', |
+ fromComposite: 'add', |
+ to: '-20, 30, 70, 80', |
+ toComposite: 'replace' |
+}, [ |
+ {at: -0.4, is: '-6, 16, 84, 94'}, |
+ {at: 0, is: '-10, 20, 80, 90'}, |
+ {at: 0.2, is: '-12, 22, 78, 88'}, |
+ {at: 0.6, is: '-16, 26, 74, 84'}, |
+ {at: 1, is: '-20, 30, 70, 80'}, |
+ {at: 1.4, is: '-24, 34, 66, 76'} |
+]); |
+ |
+</script> |
+</body> |
+</html> |