Index: LayoutTests/animations/interpolation/webkit-text-stroke-color-interpolation.html |
diff --git a/LayoutTests/animations/interpolation/webkit-text-stroke-color-interpolation.html b/LayoutTests/animations/interpolation/webkit-text-stroke-color-interpolation.html |
new file mode 100755 |
index 0000000000000000000000000000000000000000..3b4b5d8c22a0bf5ac8ea2240f32bb904814d3d94 |
--- /dev/null |
+++ b/LayoutTests/animations/interpolation/webkit-text-stroke-color-interpolation.html |
@@ -0,0 +1,31 @@ |
+<!DOCTYPE html> |
+<meta charset="UTF-8"> |
+<style> |
+.target { |
+ display: inline-block; |
+ font: 60pt sans-serif; |
+ -webkit-text-stroke: 3px black; |
+ -webkit-text-fill-color: white; |
+} |
+.replica { |
+ margin-right: 15px; |
+} |
+</style> |
+<body> |
+<template id="target-template">T</template> |
+<script src="resources/interpolation-test.js"></script> |
+<script> |
+assertInterpolation({ |
+ property: '-webkit-text-stroke-color', |
+ from: 'black', |
+ to: 'orange' |
+}, [ |
+ {at: -0.3, is: 'black'}, |
+ {at: 0, is: 'black'}, |
+ {at: 0.3, is: 'rgb(77, 50, 0)'}, |
+ {at: 0.6, is: 'rgb(153, 99, 0)'}, |
+ {at: 1, is: 'orange'}, |
+ {at: 1.5, is: 'rgb(255, 248, 0)'}, |
+]); |
+</script> |
+</body> |