default.test() — svelte Function Reference

Architecture documentation for the default.test() function in _config.js from the svelte codebase.

Function javascript BuildSystem QualityControl

Entity Profile

BuildSystem→ QualityControl→ default.test() — svelte Function Reference

Dependency Diagram

graph TD
  6381e030_8310_58bc_f8ad_3888bd8fb640["default.test()"]
  65c50065_4aa8_ae27_abe8_5df86b72c332["_config.js"]
  6381e030_8310_58bc_f8ad_3888bd8fb640 -->|defined in| 65c50065_4aa8_ae27_abe8_5df86b72c332
  style 6381e030_8310_58bc_f8ad_3888bd8fb640 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/tests/runtime-runes/samples/transition-each-4/_config.js lines 5–34

	async test({ assert, raf, target, logs }) {
		assert.htmlEqual(
			target.innerHTML,
			'<button>Toggle</button><div><div>1</div><div>2</div><div>3</div></div>'
		);

		const btn1 = target.querySelector('button');
		btn1?.click();
		flushSync();
		raf.tick(250);

		assert.htmlEqual(
			target.innerHTML,
			'<button>Toggle</button><div style="opacity: 0.5;"><div>1</div><div>2</div><div>3</div></div>'
		);

		logs.length = 0;

		await Promise.resolve();

		flushSync();
		raf.tick(500);

		assert.htmlEqual(
			target.innerHTML,
			'<button>Toggle</button><div style=""><div>3</div><div>4</div></div>'
		);

		assert.deepEqual(logs, ['$effect.pre', '$effect.pre', '$effect', '$effect']);
	}