export default {
	html: `
		<details><summary>toggle</summary></details>
	`,

	async test({ assert, component, target, window }) {
		const details = target.querySelector('details');
		const event = new window.Event('toggle');

		details.open = true;
		await details.dispatchEvent(event);
		assert.equal(component.visible, true);
		assert.htmlEqual(target.innerHTML, `
			<details open><summary>toggle</summary></details>
			<p>hello!</p>
		`);

		details.open = false;
		await details.dispatchEvent(event);
		assert.equal(component.visible, false);
		assert.htmlEqual(target.innerHTML, `
			<details><summary>toggle</summary></details>
		`);
	}
};
