export default {
	data: {
		visible: true,
	},

	test(assert, component, target, window, raf) {
		component.set({ visible: false });
		const span = target.querySelector('span');

		raf.tick(50);
		assert.equal(span.foo, 0.5);

		component.set({ visible: true });
		assert.equal(span.foo, 1);

		raf.tick(75);
		assert.equal(span.foo, 1);

		raf.tick(100);
		assert.htmlEqual(target.innerHTML, `
			<span>hello</span>
		`);
	},
};