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

Unified Diff: LayoutTests/animations/interpolation/svg-rx-interpolation.html

Issue 991533003: Handle more <length> properties in animation (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: stroke-dashoffset setter exists + fixups + add tests Created 5 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/svg-rx-interpolation.html
diff --git a/LayoutTests/animations/interpolation/svg-stroke-width-interpolation.html b/LayoutTests/animations/interpolation/svg-rx-interpolation.html
similarity index 69%
copy from LayoutTests/animations/interpolation/svg-stroke-width-interpolation.html
copy to LayoutTests/animations/interpolation/svg-rx-interpolation.html
index 508cf802c36b272f4374869e52d6cb163f5254b1..1f86b0910a74de0751116806e04b53edf5ed9f66 100644
--- a/LayoutTests/animations/interpolation/svg-stroke-width-interpolation.html
+++ b/LayoutTests/animations/interpolation/svg-rx-interpolation.html
@@ -4,7 +4,7 @@
.target {
stroke: black;
fill: white;
- stroke-width: 5px;
+ rx: 5px;
}
.replica {
stroke: green;
@@ -13,17 +13,17 @@
<body>
<template id="target-template">
<svg width="70" height="70">
- <rect x="10" y="10" width="50" height="50"/>
+ <rect x="10" y="10" width="50" height="50" rx="10" class="target"/>
</svg>
</template>
<script src="resources/interpolation-test.js"></script>
<script>
assertInterpolation({
- property: 'stroke-width',
+ property: 'rx',
from: '0px',
to: '20px'
}, [
- {at: -0.3, is: '0px'}, // SVG stroke-width can't be negative.
+ {at: -0.3, is: '0px'}, // SVG rx can't be negative.
{at: 0, is: '0px'},
{at: 0.3, is: '6px'},
{at: 0.6, is: '12px'},
@@ -31,11 +31,11 @@ assertInterpolation({
{at: 1.5, is: '30px'},
]);
assertInterpolation({
- property: 'stroke-width',
+ property: 'rx',
from: '0px',
to: '10em'
}, [
- {at: -0.3, is: '0em'}, // SVG stroke-width can't be negative.
+ {at: -0.3, is: '0em'}, // SVG rx can't be negative.
{at: 0, is: '0em'},
{at: 0.3, is: '3em'},
{at: 0.6, is: '6em'},
@@ -43,7 +43,7 @@ assertInterpolation({
{at: 1.5, is: '15em'},
]);
assertInterpolation({
- property: 'stroke-width',
+ property: 'rx',
from: '30px',
to: '10em'
}, [
@@ -55,7 +55,7 @@ assertInterpolation({
{at: 1.5, is: '225px'},
]);
assertInterpolation({
- property: 'stroke-width',
+ property: 'rx',
from: '10em',
to: '0px'
}, [
@@ -64,10 +64,10 @@ assertInterpolation({
{at: 0.3, is: '7em'},
{at: 0.6, is: '4em'},
{at: 1, is: '0em'},
- {at: 1.5, is: '0em'}, // SVG stroke-width can't be negative.
+ {at: 1.5, is: '0em'}, // SVG rx can't be negative.
]);
assertInterpolation({
- property: 'stroke-width',
+ property: 'rx',
from: '10em',
to: '30px'
}, [
@@ -78,5 +78,17 @@ assertInterpolation({
{at: 1, is: '30px'},
{at: 1.5, is: '0px'},
]);
+assertInterpolation({
+ property: 'rx',
+ from: '0',
+ to: '20'
+}, [
+ {at: -0.3, is: '0'},
+ {at: 0, is: '0'},
+ {at: 0.3, is: '6'},
+ {at: 0.6, is: '12'},
+ {at: 1, is: '20'},
+ {at: 1.5, is: '30'},
+]);
</script>
</body>

Powered by Google App Engine
This is Rietveld 408576698