export default {
	props: {
		x: true
	},

	html: '<canvas data-x="true"></canvas>',

	test({ assert, component, target }) {
		let canvas = target.querySelector('canvas');
		assert.equal(canvas, component.foo);
		assert.equal(canvas.getAttribute('data-x'), 'true');

		component.x = false;
		canvas = target.querySelector('canvas');
		assert.equal(canvas, component.foo);
		assert.equal(canvas.getAttribute('data-x'), 'false');

		component.x = true;
		canvas = target.querySelector('canvas');
		assert.equal(canvas, component.foo);
		assert.equal(canvas.getAttribute('data-x'), 'true');
	}
};