|
|
|
@ -16,8 +16,15 @@ export default {
|
|
|
|
raf.tick(75);
|
|
|
|
raf.tick(75);
|
|
|
|
component.visible = true;
|
|
|
|
component.visible = true;
|
|
|
|
|
|
|
|
|
|
|
|
// reset original styles
|
|
|
|
// reset to in styles (in transition in progress)
|
|
|
|
assert.equal(div.style.animation, '__svelte_3809512021_1 100ms linear 0ms 1 both');
|
|
|
|
assert.equal(div.style.animation, '__svelte_3809512021_1 100ms linear 0ms 1 both');
|
|
|
|
assert.equal(div.className, '__svelte_2375698960');
|
|
|
|
assert.equal(div.className, '__svelte_2375698960');
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 100ms after in transition started at 75
|
|
|
|
|
|
|
|
raf.tick(175);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// reset original styles after in transition is complete
|
|
|
|
|
|
|
|
assert.equal(div.style.animation, '');
|
|
|
|
|
|
|
|
assert.equal(div.className, '');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|