text: export default {
  	props: {
  		items: ['foo', 'bar', 'baz']
  	},
  
  	html: `
  		<button>foo</button>
  		<button>bar</button>
  		<button>baz</button>
  	`,
  
  	test({ assert, component, target, window }) {
  		const buttons = target.querySelectorAll('button');
  		const event = new window.MouseEvent('click');
  
  		const clicked = [];
  
  		component.$on('clicked', event => {
  			clicked.push(event.detail.node);
  		});
  
  		buttons[1].dispatchEvent(event);
  
  		assert.equal(clicked.length, 1);
  		assert.equal(clicked[0].nodeName, 'BUTTON');
  		assert.equal(clicked[0].textContent, 'bar');
  	}
  };
  