default.test() — svelte Function Reference

Source Code

packages/svelte/tests/runtime-legacy/samples/transition-js-slot-4-cancelled/_config.js lines 15–57

	async test({ assert, component, target, raf }) {
		flushSync(() => {
			component.hide();
		});
		const [, div] = /** @type {NodeListOf<HTMLDivElement & { foo: number }>} */ (
			target.querySelectorAll('div')
		);

		assert.htmlEqual(
			target.innerHTML,
			`
			<div>outside Bar Foo Bar</div>
			<div>inside Foo Foo Foo</div>
		`
		);

		raf.tick(50);
		assert.equal(div.foo, 0.5);

		component.props = 'Bar';
		assert.htmlEqual(
			target.innerHTML,
			`
			<div>outside Bar Bar Bar</div>
			<div>inside Foo Foo Foo</div>
		`
		);

		flushSync(() => {
			component.show();
		});

		assert.htmlEqual(
			target.innerHTML,
			`
			<div>outside Bar Bar Bar</div>
			<div>inside Bar Bar Bar</div>
		`
		);

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