Index: LayoutTests/animations/interpolation/webkit-clip-path-interpolation.html |
diff --git a/LayoutTests/animations/interpolation/webkit-clip-path-interpolation.html b/LayoutTests/animations/interpolation/webkit-clip-path-interpolation.html |
index 5f88c3220dd9a5e2b73d51120f8396af914f4e17..0213085b061b6b1d8b6d9c004e518129f0604270 100644 |
--- a/LayoutTests/animations/interpolation/webkit-clip-path-interpolation.html |
+++ b/LayoutTests/animations/interpolation/webkit-clip-path-interpolation.html |
@@ -20,41 +20,28 @@ |
<script> |
assertInterpolation({ |
property: '-webkit-clip-path', |
- from: 'rectangle(0px, 0px, 100px, 100px, 0px, 0px)', |
- to: 'rectangle(25px, 25px, 50px, 50px, 10px, 10px)' |
+ from: 'circle(10px at 25px 75px)', |
+ to: 'circle(50px at 50px 50px)' |
}, [ |
- {at: -0.3, is: 'rectangle(-7.5px, -7.5px, 115px, 115px, 0px, 0px)'}, // radius can't be negative |
- {at: 0, is: 'rectangle(0px, 0px, 100px, 100px)'}, |
- {at: 0.3, is: 'rectangle(7.5px, 7.5px, 85px, 85px, 3px, 3px)'}, |
- {at: 0.6, is: 'rectangle(15px, 15px, 70px, 70px, 6px, 6px)'}, |
- {at: 1, is: 'rectangle(25px, 25px, 50px, 50px, 10px, 10px)'}, |
- {at: 1.5, is: 'rectangle(37.5px, 37.5px, 25px, 25px, 15px, 15px)'} |
-]); |
- |
-assertInterpolation({ |
- property: '-webkit-clip-path', |
- from: 'circle(25px, 75px, 10px)', |
- to: 'circle(50px, 50px, 50px)' |
-}, [ |
- {at: -0.3, is: 'circle(17.5px, 82.5px, 0px)'}, // radius can't be negative |
- {at: 0, is: 'circle(25px, 75px, 10px)'}, |
- {at: 0.3, is: 'circle(32.5px, 67.5px, 22px)'}, |
- {at: 0.6, is: 'circle(40px, 60px, 34px)'}, |
- {at: 1, is: 'circle(50px, 50px, 50px)'}, |
- {at: 1.5, is: 'circle(62.5px, 37.5px, 70px)'} |
+ {at: -0.3, is: 'circle(0px at 17.5px 82.5px)'}, // radius can't be negative |
+ {at: 0, is: 'circle(10px at 25px 75px)'}, |
+ {at: 0.3, is: 'circle(22px at 32.5px 67.5px)'}, |
+ {at: 0.6, is: 'circle(34px at 40px 60px)'}, |
+ {at: 1, is: 'circle(50px at 50px 50px)'}, |
+ {at: 1.5, is: 'circle(70px at 62.5px 37.5px)'} |
]); |
assertInterpolation({ |
property: '-webkit-clip-path', |
from: 'none', |
- to: 'circle(1px, 2px, 3px)' |
+ to: 'circle(3px at 1px 2px)' |
}, [ |
{at: -0.3, is: 'none'}, |
{at: 0, is: 'none'}, |
{at: 0.3, is: 'none'}, |
- {at: 0.6, is: 'circle(1px, 2px, 3px)'}, |
- {at: 1, is: 'circle(1px, 2px, 3px)'}, |
- {at: 1.5, is: 'circle(1px, 2px, 3px)'} |
+ {at: 0.6, is: 'circle(3px at 1px 2px)'}, |
+ {at: 1, is: 'circle(3px at 1px 2px)'}, |
+ {at: 1.5, is: 'circle(3px at 1px 2px)'} |
]); |
</script> |
</body> |