Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(16)

Unified Diff: LayoutTests/animations/interpolation/webkit-clip-path-interpolation.html

Issue 200633005: [CSS Shapes] Remove deprecated shapes (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Fix test expectations Created 6 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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>

Powered by Google App Engine
This is Rietveld 408576698