export default {
	async test({ assert, component, target, window }) {
		// set first
		await component.lists.update(() => [
			{ text: 'item1' },
			{ text: 'item2' },
			{ text: 'item3' }
		]);

		await component.lists.update(() => [
			{ text: 'item3' },
			{ text: 'item2' },
			{ text: 'item1' }
		]);

		await component.lists.update(() => [
			{ text: 'item1' },
			{ text: 'item2' },
			{ text: 'item3' }
		]);

		assert.equal(component.updated, 4);

		const [item1, item2] = target.childNodes;
		const [item1Btn1, item1Btn2] = item1.querySelectorAll('button');
		const [item2Btn1, item2Btn2] = item2.querySelectorAll('button');

		const clickEvent = new window.MouseEvent('click');
		
		await item1Btn1.dispatchEvent(clickEvent);
		assert.equal(component.getNormalCount(), 1);
		
		await item1Btn2.dispatchEvent(clickEvent);
		assert.equal(component.getModifierCount(), 1);

		await item2Btn1.dispatchEvent(clickEvent);
		assert.equal(component.getNormalCount(), 2);
		
		await item2Btn2.dispatchEvent(clickEvent);
		assert.equal(component.getModifierCount(), 2);
	}
};