Chromium Code Reviews| Index: sky/tests/animation/basic-declarative.sky |
| diff --git a/sky/tests/animation/basic-declarative.sky b/sky/tests/animation/basic-declarative.sky |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..6ef45fa928f884479384a56cf930294cdbbd9277 |
| --- /dev/null |
| +++ b/sky/tests/animation/basic-declarative.sky |
| @@ -0,0 +1,31 @@ |
| +<sky> |
| +<import src="../resources/chai.sky" /> |
| +<import src="../resources/mocha.sky" /> |
| +<div id="example"></div> |
| +<style> |
| +#example { |
| + width: 100px; |
| + height: 100px; |
| + background: red; |
| + position: relative; |
| + animation-name: anim; |
| + animation-timing-function: linear; |
| + animation-duration: 5s; |
| +} |
| + |
| +@keyframes anim { |
| + 0% { top: 0px; } |
| + 100% { top: 100px; } |
| +} |
| +</style> |
| +<script> |
| +var example = document.getElementById('example'); |
| + |
| +describe('top', function() { |
| + it('should amimate from 0 to 100px', function() { |
| +internals.pauseAnimations(3); |
|
ojan
2014/12/10 03:48:16
Nit: indentation
rafaelw
2014/12/10 18:30:24
Done.
|
| + assert.equal('60px', getComputedStyle(example).top); |
| + }); |
| +}); |
| +</script> |
| +</sky> |