export default {
	html: `
		<button type="button">Set a-c</button>
		<button type="button">Set b-c</button>
		<button type="button">Set a-d</button>
		<button type="button">Set b-d</button>
	`,
	async test({ assert, target, window, component }) {
		const [btn1, btn2, btn3, btn4] = target.querySelectorAll('button');
		const click = new window.MouseEvent('click');

		await btn1.dispatchEvent(click);
		assert.deepEqual(component.log, ['setKey(a, value-a-c, c)']);

		await btn2.dispatchEvent(click);
		assert.deepEqual(component.log, [
			'setKey(a, value-a-c, c)',
			'setKey(b, value-b-c, c)'
		]);

		await btn3.dispatchEvent(click);
		assert.deepEqual(component.log, [
			'setKey(a, value-a-c, c)',
			'setKey(b, value-b-c, c)',
			'setKey(a, value-a-d, d)'
		]);

		await btn4.dispatchEvent(click);
		assert.deepEqual(component.log, [
			'setKey(a, value-a-c, c)',
			'setKey(b, value-b-c, c)',
			'setKey(a, value-a-d, d)',
			'setKey(b, value-b-d, d)'
		]);
	}
};