Chromium Code Reviews Chromium Code Reviews
Issue 2130753003:
Support viewport units for SVG Length animations (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master| Index: third_party/WebKit/LayoutTests/animations/svg-attribute-interpolation/svg-length-viewport-units-interpolation.html |
| diff --git a/third_party/WebKit/LayoutTests/animations/svg-attribute-interpolation/svg-length-viewport-units-interpolation.html b/third_party/WebKit/LayoutTests/animations/svg-attribute-interpolation/svg-length-viewport-units-interpolation.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..36edfab5e2071b5c7d970ce1cab96227cbc236f7 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/animations/svg-attribute-interpolation/svg-length-viewport-units-interpolation.html |
| @@ -0,0 +1,62 @@ |
| +<!DOCTYPE html> |
| +<html> |
| +<body> |
| +<template id="target-template"> |
| +<svg width="200px" height="300px" viewBox="0 0 1500 1000"> |
| +<rect class="target" x="10" y="10" width="10" height="10" /> |
| +</svg> |
| +</template> |
| +<script src="resources/interpolation-test.js"></script> |
| +<script> |
| +'use strict'; |
| +assertAttributeInterpolation({ |
| + property: 'width', |
|
fs
2016/07/08 11:14:03
I believe the common "structure" of this test dire
suzyh_UTC10 (ex-contributor)
2016/07/11 05:56:34
Yes, please move these tests into svg-width-interp
|
| + 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'} |
| +]); |
| +</script> |
| +</body> |
| +</html> |
