Index: LayoutTests/animations/interpolation/font-size-interpolation-unset.html |
diff --git a/LayoutTests/animations/interpolation/font-size-zoom-interpolation.html b/LayoutTests/animations/interpolation/font-size-interpolation-unset.html |
similarity index 75% |
copy from LayoutTests/animations/interpolation/font-size-zoom-interpolation.html |
copy to LayoutTests/animations/interpolation/font-size-interpolation-unset.html |
index 2165d5a58be81cab8dfaa27f5aa66fedbc2e89b5..250921430bc32c42fe0c1bb5b41fd1cb660b8f95 100644 |
--- a/LayoutTests/animations/interpolation/font-size-zoom-interpolation.html |
+++ b/LayoutTests/animations/interpolation/font-size-interpolation-unset.html |
@@ -1,16 +1,20 @@ |
<!DOCTYPE html> |
+<meta charset="UTF-8"> |
<style> |
.container { |
- zoom: 2; |
+ font-size: 10px; |
} |
.target { |
display: inline-block; |
+ font: 100px sans-serif; |
+ font-size: 20px; |
} |
.replica { |
color: green; |
margin-right: 30px; |
} |
</style> |
+<body> |
<template id="target-template"> |
<span class="container"> |
<div class="target">TT</div> |
@@ -20,10 +24,10 @@ |
<script> |
assertInterpolation({ |
property: 'font-size', |
- from: '10px', |
+ from: 'unset', |
to: '20px' |
}, [ |
- {at: -2, is: '0px'}, // CSS font-size can't be negative. |
+ {at: -2, is: '0px'}, // CSS font-size can't be negative. |
{at: -0.3, is: '7px'}, |
{at: 0, is: '10px'}, |
{at: 0.3, is: '13px'}, |
@@ -32,3 +36,4 @@ assertInterpolation({ |
{at: 1.5, is: '25px'}, |
]); |
</script> |
+</body> |