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

export default test({
	compileOptions: {
		dev: true,
		runes: true
	},

	test({ assert, target }) {
		const [button1, button2] = target.querySelectorAll('button');

		assert.throws(() => {
			button1?.click();
			flushSync();
		}, /state_unsafe_mutation/);

		assert.doesNotThrow(() => {
			button2?.click();
			flushSync();
		});
	}
});