| 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..83b428e0dda4a9379457c786663e1fe596d3fd06
|
| --- /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);
|
| + assert.equal('60px', getComputedStyle(example).top);
|
| + });
|
| +});
|
| +</script>
|
| +</sky>
|
|
|