export default { props : { prop : 'name' , user : { name : 'alice' } } , html : `
		<input>
		<p>hello alice</p>
	` , ssrHtml : `
		<input value=alice>
		<p>hello alice</p>
	` , async test ( { assert , component , target , window } ) { const input = target . querySelector ( 'input' ) ; assert . equal ( input . value , 'alice' ) ; const event = new window . Event ( 'input' ) ; input . value = 'bob' ; await input . dispatchEvent ( event ) ; assert . htmlEqual ( target . innerHTML , `
			<input>
			<p>hello bob</p>
		` ) ; const user = component . user ; user . name = 'carol' ; component . user = user ; assert . equal ( input . value , 'carol' ) ; assert . htmlEqual ( target . innerHTML , `
			<input>
			<p>hello carol</p>
		` ) ; } } ;