default.test() — svelte Function Reference

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

Function javascript BuildSystem MessageProcessor

Entity Profile

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

Dependency Diagram

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

Relationship Graph

Source Code

packages/svelte/tests/runtime-runes/samples/props-id/_config.js lines 5–58

	test({ assert, target, variant }) {
		if (variant === 'dom') {
			assert.htmlEqual(
				target.innerHTML,
				`
					<button>toggle</button>
					<h1>c1</h1>
					<p>c2</p>
					<p>c3</p>
					<p>c4</p>
				`
			);
		} else {
			assert.htmlEqual(
				target.innerHTML,
				`
					<button>toggle</button>
					<h1>s1</h1>
					<p>s2</p>
					<p>s3</p>
					<p>s4</p>
				`
			);
		}

		let button = target.querySelector('button');
		flushSync(() => button?.click());

		if (variant === 'dom') {
			assert.htmlEqual(
				target.innerHTML,
				`
					<button>toggle</button>
					<h1>c1</h1>
					<p>c2</p>
					<p>c3</p>
					<p>c4</p>
					<p>c5</p>
				`
			);
		} else {
			assert.htmlEqual(
				target.innerHTML,
				`
					<button>toggle</button>
					<h1>s1</h1>
					<p>s2</p>
					<p>s3</p>
					<p>s4</p>
					<p>c1</p>
				`
			);
		}
	}