Support viewport units for SVG Length animations

third_party/WebKit/LayoutTests/animations/svg-attribute-interpolation/svg-width-interpolation.html

Index: third_party/WebKit/LayoutTests/animations/svg-attribute-interpolation/svg-width-interpolation.html
diff --git a/third_party/WebKit/LayoutTests/animations/svg-attribute-interpolation/svg-width-interpolation.html b/third_party/WebKit/LayoutTests/animations/svg-attribute-interpolation/svg-width-interpolation.html
index 311fc51f5ce5cc6341d4ce11717098294b180c9b..c5616833c15120574564ba885b81a43eb5bbd940 100644
--- a/third_party/WebKit/LayoutTests/animations/svg-attribute-interpolation/svg-width-interpolation.html
+++ b/third_party/WebKit/LayoutTests/animations/svg-attribute-interpolation/svg-width-interpolation.html
@@ -89,6 +89,78 @@ assertAttributeInterpolation({
   {at: 1, is: '20rem'},
   {at: 1.4, is: '0'}
 ]);
+assertAttributeInterpolation({
+  property: 'width',
+  from: '1vw',
+  to: '6vw'
+}, [
+  {at: -0.4, is: '0vw'},
+  {at: 0, is: '1vw'},
+  {at: 0.2, is: '2vw'},
+  {at: 0.6, is: '4vw'},
+  {at: 1, is: '6vw'},
+  {at: 1.4, is: '8vw'}
+]);
+assertAttributeInterpolation({
+  property: 'width',
+  from: '1vh',
+  to: '6vh'
+}, [
+  {at: -0.4, is: '0vh'},
+  {at: 0, is: '1vh'},
+  {at: 0.2, is: '2vh'},
+  {at: 0.6, is: '4vh'},
+  {at: 1, is: '6vh'},
+  {at: 1.4, is: '8vh'}
+]);
+assertAttributeInterpolation({
+  property: 'width',
+  from: '1vmin',
+  to: '6vmin'
+}, [
+  {at: -0.4, is: '0vmin'},
+  {at: 0, is: '1vmin'},
+  {at: 0.2, is: '2vmin'},
+  {at: 0.6, is: '4vmin'},
+  {at: 1, is: '6vmin'},
+  {at: 1.4, is: '8vmin'}
+]);
+assertAttributeInterpolation({
+  property: 'width',
+  from: '1vmax',
+  to: '6vmax'
+}, [
+  {at: -0.4, is: '0vmax'},
+  {at: 0, is: '1vmax'},
+  {at: 0.2, is: '2vmax'},
+  {at: 0.6, is: '4vmax'},
+  {at: 1, is: '6vmax'},
+  {at: 1.4, is: '8vmax'}
+]);
+assertAttributeInterpolation({
+  property: 'width',
+  from: '10vh',
+  to: '20vw'
+}, [
+  {at: -0.4, is: '20'},
+  {at: 0, is: '10vh'},
+  {at: 0.2, is: '80'},
+  {at: 0.6, is: '120'},
+  {at: 1, is: '20vw'},
+  {at: 1.4, is: '200'}
+]);
+assertAttributeInterpolation({
+  property: 'width',
+  from: '10vmin',
+  to: '20vmax'
+}, [
+  {at: -0.4, is: '20'},
+  {at: 0, is: '10vmin'},
+  {at: 0.2, is: '80'},
+  {at: 0.6, is: '120'},
+  {at: 1, is: '20vmax'},
+  {at: 1.4, is: '200'}
+]);
 </script>
 </body>
 </html>