export default {

	ssrHtml: `
		<select value='hullo'>
			<option value='hullo'>Hullo</option>
			<option value='world'>World</option>
		</select>

		<select value='world'>
			<option value='hullo'>Hullo</option>
			<option value='world'>World</option>
		</select>
	`,

	html: `
		<select>
			<option value='hullo'>Hullo</option>
			<option value='world'>World</option>
		</select>

		<select>
			<option value='hullo'>Hullo</option>
			<option value='world'>World</option>
		</select>
	`,

	props: {
		items: [{ value: 'hullo' }, { value: 'world' }]
	},

	test({ assert, component, target, window }) {
		const selects = [...target.querySelectorAll('select')];

		const change = new window.Event('change');

		selects[1].options[0].selected = true;
		selects[1].dispatchEvent(change);

		assert.deepEqual(component.items, [
			{ value: 'hullo' }, { value: 'hullo' }
		]);
	}
};