_config.js — svelte Source File

Source Code

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

/** @type {(value?: any) => void} */
let fulfil;

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

export default test({
	get props() {
		return { x: false, promise };
	},

	test({ assert, component, target, raf }) {
		component.x = true;
		fulfil();

		return promise.then(() => {
			flushSync();
			const div = /** @type {HTMLDivElement & { foo: number }} */ (target.querySelector('div'));
			raf.tick(0);
			assert.equal(div.foo, 0);

			raf.tick(100);
			assert.equal(div.foo, 1);

			component.x = false;
			assert.htmlEqual(target.innerHTML, '');

			raf.tick(150);
			assert.equal(div.foo, 1);
		});
	}
});