import { test } from '../../test';

const foo = '<script type="application/json">{ "foo": "true" }</script>';
const bar = '<script type="application/json">{ "bar": "true" }</script>';

export default test({
	get props() {
		return { condition: 1, foo, bar };
	},

	test({ assert, component, window }) {
		assert.equal(window.document.head.innerHTML.includes(foo), true);

		component.condition = 3;
		assert.equal(window.document.head.innerHTML.includes(foo), false);

		component.condition = 2;
		assert.equal(window.document.title, 'bar!!!');
		assert.equal(window.document.head.innerHTML.includes(bar), true);
		assert.equal(Boolean(window.document.getElementById('meta')), true);

		component.condition = 3;
		assert.equal(window.document.head.innerHTML.includes(bar), false);
		assert.equal(window.document.getElementById('meta'), null);
	}
});
