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

Unified Diff: third_party/WebKit/LayoutTests/animations/interpolation/border-image-width-interpolation.html

Issue 1640643002: Add additive animation support for CSS property clip (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@_propertyInterpolationTypesMapping
Patch Set: Rebased Created 4 years, 10 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: third_party/WebKit/LayoutTests/animations/interpolation/border-image-width-interpolation.html
diff --git a/third_party/WebKit/LayoutTests/animations/interpolation/border-image-width-interpolation.html b/third_party/WebKit/LayoutTests/animations/interpolation/border-image-width-interpolation.html
index fcfabaee885ebee6e957175954c575742e668ea9..68fedf407e334cefba37572ade21227a92970266 100644
--- a/third_party/WebKit/LayoutTests/animations/interpolation/border-image-width-interpolation.html
+++ b/third_party/WebKit/LayoutTests/animations/interpolation/border-image-width-interpolation.html
@@ -35,20 +35,11 @@ assertInterpolation({
{at: 5, is: '60px'},
{at: 10, is: '110px'},
]);
-assertInterpolation({
+assertNoInterpolation({
property: 'border-image-width',
from: 'initial',
to: '20px',
-}, [
- {at: -0.3, is: '1'},
- {at: 0, is: '1'},
- {at: 0.3, is: '1'},
- {at: 0.6, is: '20px'},
- {at: 1, is: '20px'},
- {at: 1.5, is: '20px'},
- {at: 5, is: '20px'},
- {at: 10, is: '20px'},
-]);
+});
assertInterpolation({
property: 'border-image-width',
from: 'inherit',
@@ -63,20 +54,11 @@ assertInterpolation({
{at: 5, is: '0px'},
{at: 10, is: '0px'},
]);
-assertInterpolation({
+assertNoInterpolation({
property: 'border-image-width',
from: 'unset',
to: '20px',
-}, [
- {at: -0.3, is: '1'},
- {at: 0, is: '1'},
- {at: 0.3, is: '1'},
- {at: 0.6, is: '20px'},
- {at: 1, is: '20px'},
- {at: 1.5, is: '20px'},
- {at: 5, is: '20px'},
- {at: 10, is: '20px'},
-]);
+});
assertInterpolation({
property: 'border-image-width',
from: '0px',
@@ -160,53 +142,25 @@ assertInterpolation({
{at: 1.5, is: 'calc(-5px + 30%)'}, // Should be parsed as -5px + 36px = 31px
]);
-assertInterpolation({
+assertNoInterpolation({
property: 'border-image-width',
from: '10px',
to: '20'
-}, [
- {at: -0.3, is: '10px'},
- {at: 0, is: '10px'},
- {at: 0.3, is: '10px'},
- {at: 0.6, is: '20'},
- {at: 1, is: '20'},
- {at: 1.5, is: '20'},
-]);
-assertInterpolation({
+});
+assertNoInterpolation({
property: 'border-image-width',
from: '10',
to: '20px'
-}, [
- {at: -0.3, is: '10'},
- {at: 0, is: '10'},
- {at: 0.3, is: '10'},
- {at: 0.6, is: '20px'},
- {at: 1, is: '20px'},
- {at: 1.5, is: '20px'},
-]);
-assertInterpolation({
+});
+assertNoInterpolation({
property: 'border-image-width',
from: '10%',
to: '20'
-}, [
- {at: -0.3, is: '10%'},
- {at: 0, is: '10%'},
- {at: 0.3, is: '10%'},
- {at: 0.6, is: '20'},
- {at: 1, is: '20'},
- {at: 1.5, is: '20'},
-]);
-assertInterpolation({
- property: 'border-image-width',
- from: '10',
+});
+assertNoInterpolation({
+ property: 'border-image-width'
+ , from: '10',
to: '20%'
-}, [
- {at: -0.3, is: '10'},
- {at: 0, is: '10'},
- {at: 0.3, is: '10'},
- {at: 0.6, is: '20%'},
- {at: 1, is: '20%'},
- {at: 1.5, is: '20%'},
-]);
+});
</script>
</body>

Powered by Google App Engine
This is Rietveld 408576698