export default {
	data: {
		show: false,
		fields: [1, 2]
	},

	html: `<div></div>`,

	test ( assert, component, target ) {
		component.set({
			show: true,
			fields: [1, 2, 3]
		});

		assert.htmlEqual( target.innerHTML, `
			<div>
				<span>1</span>	
				<span>2</span>
				<span>3</span>
			</div>
		` );

		component.set({
			fields: [1, 2, 3, 4]
		});

		assert.htmlEqual( target.innerHTML, `
			<div>
				<span>1</span>	
				<span>2</span>
				<span>3</span>
				<span>4</span>
			</div>
		` );
	}
};