export default {
	props: {
		thePromise: new Promise(resolve => {})
	},

	html: `
		loading...
	`,

	async test({ assert, component, target }) {
		await (component.thePromise = Promise.resolve({ error: "error message" }));

		assert.htmlEqual(
			target.innerHTML,
			`
				<p>error: error message</p>
				<p>result: undefined</p>
			`
		);

		await (component.thePromise = Promise.resolve({ result: "42" }));

		assert.htmlEqual(
			target.innerHTML,
			`
				<p>error: undefined</p>
				<p>result: 42</p>
			`
		);

		try {
			await (component.thePromise = Promise.reject({
				error: { message: "oops", code: "123" }
			}));
		} catch (e) {
			// do nothing
		}

		assert.htmlEqual(
			target.innerHTML,
			`
				<p>message: oops</p>
				<p>code: 123</p>
			`
		);

		try {
			await (component.thePromise = Promise.reject({
				error: { message: "timeout", code: "456" }
			}));
		} catch (e) {
			// do nothing
		}

		assert.htmlEqual(
			target.innerHTML,
			`
				<p>message: timeout</p>
				<p>code: 456</p>
			`
		);
	}
};