export default {
	data: {
		prop: 'name',
		user: {
			name: 'alice'
		}
	},

	html: `<input>\n<p>hello alice</p>`,

	test ( assert, component, target, window ) {
		const input = target.querySelector( 'input' );

		assert.equal( input.value, 'alice' );

		const event = new window.Event( 'input' );

		input.value = 'bob';
		input.dispatchEvent( event );

		assert.equal( target.innerHTML, `<input>\n<p>hello bob</p>` );

		const user = component.get( 'user' );
		user.name = 'carol';

		component.set({ user });
		assert.equal( input.value, 'carol' );
		assert.equal( target.innerHTML, `<input>\n<p>hello carol</p>` );
	}
};