| Index: sky/tests/animation/basic-transition.sky
|
| diff --git a/sky/tests/animation/basic-transition.sky b/sky/tests/animation/basic-transition.sky
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..7fa2218d38d91a66fe79f7ffa6a83012d7ceb204
|
| --- /dev/null
|
| +++ b/sky/tests/animation/basic-transition.sky
|
| @@ -0,0 +1,31 @@
|
| +<sky>
|
| +<import src="../resources/chai.sky" />
|
| +<import src="../resources/mocha.sky" />
|
| +<div></div>
|
| +<style>
|
| +div {
|
| + width: 100px;
|
| + height: 100px;
|
| + background: red;
|
| + position: relative;
|
| + transition: width 2s;
|
| + transition-timing-function: linear;
|
| +}
|
| +
|
| +div#example {
|
| + width: 200px;
|
| +}
|
| +</style>
|
| +<script>
|
| +var example = document.querySelector('div');
|
| +example.offsetWidth; // force a style resolution so that next line's assigment triggers the transition
|
| +example.id = "example";
|
| +
|
| +describe('width', function() {
|
| + it('should transition from 100px to 200px', function() {
|
| + internals.pauseAnimations(1);
|
| + assert.equal('150px', getComputedStyle(example).width);
|
| + });
|
| +});
|
| +</script>
|
| +</sky>
|
|
|