|
|
|
|
@ -17,14 +17,15 @@ export default test({
|
|
|
|
|
assert.equal(div.style.rotate, '360deg');
|
|
|
|
|
|
|
|
|
|
raf.tick(75);
|
|
|
|
|
assert.equal(div.style.scale, '0.75'); // intro continues while outro plays
|
|
|
|
|
assert.equal(div.style.opacity, '0.75');
|
|
|
|
|
assert.equal(div.style.rotate, '270deg');
|
|
|
|
|
// these numbers look wrong because they're not lerped... maybe we should fix that
|
|
|
|
|
assert.equal(div.style.scale, '0.8333333333333334'); // intro continues while outro plays
|
|
|
|
|
assert.equal(div.style.opacity, '0.8333333333333334');
|
|
|
|
|
assert.equal(div.style.rotate, '300deg');
|
|
|
|
|
|
|
|
|
|
component.visible = true;
|
|
|
|
|
|
|
|
|
|
assert.equal(div.style.scale, '0.8333333333333334');
|
|
|
|
|
// reset original styles
|
|
|
|
|
assert.equal(div.style.scale, '0.75');
|
|
|
|
|
assert.equal(div.style.opacity, '1');
|
|
|
|
|
assert.equal(div.style.rotate, '360deg');
|
|
|
|
|
}
|
|
|
|
|
|