export default {
	get props() {
		return { visible: true };
	},

	test({ assert, component, target, raf }) {
		component.visible = false;

		const outer = target.querySelector('.outer');
		const inner = target.querySelector('.inner');

		const animations = [outer.style.animation, inner.style.animation];

		raf.tick(150);

		assert.deepEqual([outer.style.animation, inner.style.animation], animations);
	}
};