export default {
	props: {
		testName1: 'test1',
		testName2: 'test2'
	},

	html: '<div class="test1test2"></div>',

	test({ assert, component, target }) {
		const div = target.querySelector('div');
		assert.equal(div.className, 'test1test2');

		component.testName1 = null;
		component.testName2 = null;
		assert.equal(div.className, '0');

		component.testName1 = null;
		component.testName2 = 'test';
		assert.equal(div.className, 'nulltest');

		component.testName1 = undefined;
		component.testName2 = 'test';
		assert.equal(div.className, 'undefinedtest');

		component.testName1 = undefined;
		component.testName2 = undefined;
		assert.equal(div.className, 'NaN');

		component.testName1 = null;
		component.testName2 = 1;
		assert.equal(div.className, '1');

		component.testName1 = undefined;
		component.testName2 = 1;
		assert.equal(div.className, 'NaN');

		component.testName1 = null;
		component.testName2 = 0;
		assert.equal(div.className, '0');

		component.testName1 = undefined;
		component.testName2 = 0;
		assert.equal(div.className, 'NaN');
	}
};