text: export default {
  	data: {
  		items: [ 'a', 'b', 'c' ]
  	},
  
  	html: `
  		<div><button>click me</button><button>click me</button><button>click me</button></div>
  	`,
  
  	test ( assert, component, target, window ) {
  		const buttons = target.querySelectorAll( 'button' );
  
  		const clicks = [];
  
  		component.on( 'foo', item => {
  			clicks.push( item );
  		});
  
  		const event = new window.MouseEvent( 'click' );
  
  		buttons[0].dispatchEvent( event );
  		buttons[2].dispatchEvent( event );
  
  		assert.deepEqual( clicks, [ 'a', 'c' ]);
  		component.destroy();
  	}
  };
  