Index: polymer_0.5.0/bower_components/web-animations-js/test/blink/interpolation/list-style-image-interpolation.html |
diff --git a/polymer_0.5.0/bower_components/web-animations-js/test/blink/interpolation/list-style-image-interpolation.html b/polymer_0.5.0/bower_components/web-animations-js/test/blink/interpolation/list-style-image-interpolation.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..8986e904a48397e24a25d411606209b27fa09e2e |
--- /dev/null |
+++ b/polymer_0.5.0/bower_components/web-animations-js/test/blink/interpolation/list-style-image-interpolation.html |
@@ -0,0 +1,84 @@ |
+<!DOCTYPE html> |
+<meta charset="UTF-8"> |
+<style> |
+.target { |
+ background-color: black; |
+ width: 100px; |
+} |
+.replica { |
+ background-color: green; |
+} |
+</style> |
+<body> |
+<template id="target-template"> |
+ <ul> |
+ <li class="target"></li> |
+ </ul> |
+</template> |
+<script src="../testharness/testharness.js"></script> |
+<script src="../testharness/testharnessreport.js"></script> |
+<script src="resources/interpolation-test.js"></script> |
+<script> |
+// None to image |
+var from = 'none'; |
+var to = 'url(../resources/stripes-20.png)'; |
+assertInterpolation({ |
+ property: 'list-style-image', |
+ from: from, |
+ to: to |
+}, [ |
+ {at: -0.3, is: from}, |
+ {at: 0, is: from}, |
+ {at: 0.3, is: from}, |
+ {at: 0.6, is: to}, |
+ {at: 1, is: to}, |
+ {at: 1.5, is: to}, |
+]); |
+ |
+// Image to image |
+from = 'url(../resources/green-20.png)'; |
+to = 'url(../resources/stripes-20.png)'; |
+assertInterpolation({ |
+ property: 'list-style-image', |
+ from: from, |
+ to: to |
+}, [ |
+ {at: -0.3, is: from}, |
+ {at: 0, is: from}, |
+ {at: 0.3, is: '-webkit-cross-fade(' + from + ', ' + to + ', 0.3)'}, |
+ {at: 0.6, is: '-webkit-cross-fade(' + from + ', ' + to + ', 0.6)'}, |
+ {at: 1, is: to}, |
+ {at: 1.5, is: to}, |
+]); |
+ |
+// Image to gradient |
+to = 'linear-gradient(45deg, blue, orange)'; |
+assertInterpolation({ |
+ property: 'list-style-image', |
+ from: from, |
+ to: to |
+}, [ |
+ {at: -0.3, is: from}, |
+ {at: 0, is: from}, |
+ {at: 0.3, is: '-webkit-cross-fade(' + from + ', ' + to + ', 0.3)'}, |
+ {at: 0.6, is: '-webkit-cross-fade(' + from + ', ' + to + ', 0.6)'}, |
+ {at: 1, is: to}, |
+ {at: 1.5, is: to}, |
+]); |
+ |
+// Gradient to gradient |
+from = 'linear-gradient(-45deg, red, yellow)'; |
+assertInterpolation({ |
+ property: 'list-style-image', |
+ from: from, |
+ to: to |
+}, [ |
+ {at: -0.3, is: from}, |
+ {at: 0, is: from}, |
+ {at: 0.3, is: '-webkit-cross-fade(' + from + ', ' + to + ', 0.3)'}, |
+ {at: 0.6, is: '-webkit-cross-fade(' + from + ', ' + to + ', 0.6)'}, |
+ {at: 1, is: to}, |
+ {at: 1.5, is: to}, |
+]); |
+</script> |
+</body> |