let fulfil;

let promise = new Promise(f => {
	fulfil = f;
});

export default {
	props: {
		promise
	},

	html: `
		<p>loading...</p>
	`,

	test({ assert, component, target }) {
		fulfil(42);

		return promise
		.then(() => {
			assert.htmlEqual(target.innerHTML, `
				<p>loaded</p>
			`);

			let reject;

			promise = new Promise((f, r) => {
				reject = r;
			});

			component.promise = promise;

			assert.htmlEqual(target.innerHTML, `
				<p>loading...</p>
			`);

			reject(new Error('this error should be thrown'));
			return promise;
		})
		.catch((err) => {
			assert.equal(err.message, 'this error should be thrown');
			assert.htmlEqual(target.innerHTML, '');
		});
	}
};