Index: LayoutTests/animations/interpolation/webkit-column-count-interpolation.html |
diff --git a/LayoutTests/animations/interpolation/webkit-column-count-interpolation.html b/LayoutTests/animations/interpolation/webkit-column-count-interpolation.html |
index 0c7c58b9575a82cc5491a9fd3f6db06d558c77d7..dbbbc3415cd0ef2946b847207762368db39779f8 100644 |
--- a/LayoutTests/animations/interpolation/webkit-column-count-interpolation.html |
+++ b/LayoutTests/animations/interpolation/webkit-column-count-interpolation.html |
@@ -1,6 +1,9 @@ |
<!DOCTYPE html> |
<meta charset="UTF-8"> |
<style> |
+.parent { |
+ -webkit-column-count: 1; |
+} |
.target { |
width: 300px; |
height: 80px; |
@@ -9,6 +12,7 @@ |
margin: 18px; |
color: orange; |
overflow: hidden; |
+ -webkit-column-count: 9; |
} |
.expected { |
background-color: green; |
@@ -20,6 +24,50 @@ |
</template> |
<script src="resources/interpolation-test.js"></script> |
<script> |
+assertInterpolation({ |
+ property: '-webkit-column-count', |
+ from: '', |
+ to: '5', |
+}, [ |
+ {at: -0.4, is: '11'}, |
+ {at: -0.2, is: '10'}, |
+ {at: 0, is: '9'}, |
+ {at: 0.2, is: '8'}, |
+ {at: 0.4, is: '7'}, |
+ {at: 0.6, is: '7'}, |
+ {at: 0.8, is: '6'}, |
+ {at: 1, is: '5'}, |
+ {at: 1.2, is: '4'}, |
+]); |
+ |
+assertNoInterpolation({ |
+ property: '-webkit-column-count', |
+ from: 'initial', |
+ to: '5', |
+}); |
+ |
+assertInterpolation({ |
+ property: '-webkit-column-count', |
+ from: 'inherit', |
+ to: '5', |
+}, [ |
+ {at: -0.4, is: '1'}, |
+ {at: -0.2, is: '1'}, |
+ {at: 0, is: '1'}, |
+ {at: 0.2, is: '2'}, |
+ {at: 0.4, is: '3'}, |
+ {at: 0.6, is: '3'}, |
+ {at: 0.8, is: '4'}, |
+ {at: 1, is: '5'}, |
+ {at: 1.2, is: '6'}, |
+]); |
+ |
+assertNoInterpolation({ |
+ property: '-webkit-column-count', |
+ from: 'unset', |
+ to: '5', |
+}); |
+ |
assertNoInterpolation({ |
property: '-webkit-column-count', |
from: 'auto', |