export default { props : { foo : [ 1 ] , bar : [ 2 ] , clicked : 'neither' } , html : `
		<button>foo</button>
		<button>bar</button>
		<p>clicked: neither</p>
	` , async test ( { assert , component , target , window } ) { const buttons = target . querySelectorAll ( 'button' ) ; const event = new window . MouseEvent ( 'click' ) ; await buttons [ 0 ] . dispatchEvent ( event ) ; assert . equal ( component . clicked , 'foo' ) ; assert . htmlEqual ( target . innerHTML , `
			<button>foo</button>
			<button>bar</button>
			<p>clicked: foo</p>
		` ) ; await buttons [ 1 ] . dispatchEvent ( event ) ; assert . equal ( component . clicked , 'bar' ) ; assert . htmlEqual ( target . innerHTML , `
			<button>foo</button>
			<button>bar</button>
			<p>clicked: bar</p>
		` ) ; } } ;