export default {
	html: '<button>click me</button>',

	get props() {
		return { foo: 42 };
	},

	test({ assert, component, target, window }) {
		const event = new window.MouseEvent('click');
		const button = target.querySelector('button');

		let count = 0;
		let number = null;

		component.$on('foo', (event) => {
			count++;
			number = event.detail.foo;
		});

		button.dispatchEvent(event);

		assert.equal(count, 1);
		assert.equal(number, 42);
	}
};