Chromium Code Reviews Chromium Code Reviews
Issue 2747523002:
Web Animations: support cssOffset (Closed)
| Index: third_party/WebKit/LayoutTests/animations/interpolation/offset-interpolation.html |
| diff --git a/third_party/WebKit/LayoutTests/animations/interpolation/offset-interpolation.html b/third_party/WebKit/LayoutTests/animations/interpolation/offset-interpolation.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..821ce02a62a052e58064d4effc07cd19745c3553 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/animations/interpolation/offset-interpolation.html |
| @@ -0,0 +1,57 @@ |
| +<!DOCTYPE html> |
| +<meta charset="UTF-8"> |
| +<style> |
| +.target { |
| + width: 10px; |
| + height: 10px; |
| + background-color: black; |
| + offset-path: ; |
| + offset-distance: 10px; |
| +} |
| +.expected { |
| + background-color: green; |
| +} |
| +</style> |
| +<body> |
| +<script src="resources/interpolation-test.js"></script> |
| +<script> |
| + |
| +assertInterpolation({ |
| + property: 'offset', |
| + from: 'path("M0 200H 700") 500px 800deg', |
| + to: 'path("M0 300H 700 Z") 600px 900deg', |
| +}, [ |
| + {at: -0.3, is: 'path("M0 200H 700") 470px 770deg'}, |
| + {at: 0, is: 'path("M0 200H 700") 500px 800deg'}, |
| + {at: 0.3, is: 'path("M0 200H 700") 530px 830deg'}, |
| + {at: 0.6, is: 'path("M0 300H 700 Z") 560px 860deg'}, |
| + {at: 1, is: 'path("M0 300H 700 Z") 600px 900deg'}, |
| + {at: 1.5, is: 'path("M0 300H 700 Z") 650px 950deg'}, |
| +]); |
| + |
| +/* |
| +2 -> 3 123 |
| +5 -> 6 456 |
| +8 -> 9 789 |
| +*/ |
| + |
| + |
| + |
| + |
| + |
| +/* |
| +assertInterpolation({ |
| + property: 'offset', |
| + from: 'path("M0 0H 400") 0px auto', |
| + to: 'path("M0 0H 500") 100px 0deg', |
| +}, [ |
| + {at: -0.3, is: 'path("M0 0H 370") -30px auto'}, |
| + {at: 0, is: 'path("M0 0H 400") 0px auto'}, |
| + {at: 0.3, is: 'path("M0 0H 430") 30px auto'}, |
| + {at: 0.6, is: 'path("M0 0H 460") 60px 0deg'}, |
| + {at: 1, is: 'path("M0 0H 500") 100px 0deg'}, |
| + {at: 1.5, is: 'path("M0 0H 550") 150px 0deg'}, |
| +]); |
| +*/ |
|
alancutter (OOO until 2018)
2017/03/13 05:11:58
We should not check in commented out code.
Eric Willigers
2017/03/21 05:47:24
Fixed.
|
| +</script> |
| +</body> |
