import { Store } from '../../../../store.js';

const store = new Store({
	a: ['foo', 'bar', 'baz']
});

export default {
	store,

	html: `
		<input>
		<input>
		<input>
		<p>foo, bar, baz</p>
	`,

	ssrHtml: `
		<input value=foo>
		<input value=bar>
		<input value=baz>
		<p>foo, bar, baz</p>
	`,

	test(assert, component, target, window) {
		const event = new window.MouseEvent('input');
		const inputs = target.querySelectorAll('input');

		inputs[0].value = 'blah';
		inputs[0].dispatchEvent(event);

		assert.deepEqual(store.get().a, ['blah', 'bar', 'baz']);
		assert.htmlEqual(target.innerHTML, `
			<input>
			<input>
			<input>
			<p>blah, bar, baz</p>
		`);

		component.destroy();
	},
};