Chromium Code Reviews Chromium Code Reviews
Issue 25132005:
Web Animations CSS: Handle border-spacing property (Closed)
Base URL: svn://svn.chromium.org/blink/trunk| Index: LayoutTests/animations/interpolation/border-spacing-interpolation.html |
| diff --git a/LayoutTests/animations/interpolation/border-spacing-interpolation.html b/LayoutTests/animations/interpolation/border-spacing-interpolation.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..d2f1b70b6cef3a39a35953e12deef14014e67045 |
| --- /dev/null |
| +++ b/LayoutTests/animations/interpolation/border-spacing-interpolation.html |
| @@ -0,0 +1,70 @@ |
| +<!DOCTYPE html> |
| +<meta charset="UTF-8"> |
| +<style> |
| +.target { |
| + width: 80px; |
| + height: 50px; |
| + background-color: black; |
| + display: inline-block; |
| + margin: 18px; |
| + border-collapse: separate; |
| +} |
| +.target td { |
| + background-color: white; |
| + border: 1px solid orange; |
| +} |
| +.replica { |
| + background-color: green; |
| +} |
| +</style> |
| +<body> |
| +<template id="target-template"> |
| + <table> |
| + <tbody> |
| + <tr> |
| + <td>foo</td> |
|
dstockwell
2013/09/30 06:39:18
Do we need this text? It's a bit noisy in the text
Steve Block
2013/09/30 06:51:22
Done.
There's still some whitespace in the output
|
| + <td>bar</td> |
| + </tr> |
| + </tbody> |
| + </table> |
| +</template> |
| +<script src="resources/interpolation-test.js"></script> |
| +<script> |
| +assertInterpolation({ |
| + property: 'border-spacing', |
| + from: '0px', |
| + to: '10px' |
| +}, [ |
| + {at: -0.3, is: '0px 0px'}, // Can't be negative. |
| + {at: 0, is: '0px 0px'}, |
| + {at: 0.3, is: '3px 3px'}, |
| + {at: 0.6, is: '6px 6px'}, |
| + {at: 1, is: '10px 10px'}, |
| + {at: 1.5, is: '15px 15px'} |
| +]); |
| +assertInterpolation({ |
| + property: '-webkit-border-horizontal-spacing', |
| + from: '0px', |
| + to: '10px' |
| +}, [ |
| + {at: -0.3, is: '0px'}, // Can't be negative. |
| + {at: 0, is: '0px'}, |
| + {at: 0.3, is: '3px'}, |
| + {at: 0.6, is: '6px'}, |
| + {at: 1, is: '10px'}, |
| + {at: 1.5, is: '15px'} |
| +]); |
| +assertInterpolation({ |
| + property: '-webkit-border-vertical-spacing', |
| + from: '0px', |
| + to: '10px' |
| +}, [ |
| + {at: -0.3, is: '0px'}, // Can't be negative. |
| + {at: 0, is: '0px'}, |
| + {at: 0.3, is: '3px'}, |
| + {at: 0.6, is: '6px'}, |
| + {at: 1, is: '10px'}, |
| + {at: 1.5, is: '15px'} |
| +]); |
| +</script> |
| +</body> |
