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
  86b87e17_190d_c595_ba3b_26908bb1d811["default.test()"]
  d8f2d13f_2977_0e58_a796_83ecf2667ee8["_config.js"]
  86b87e17_190d_c595_ba3b_26908bb1d811 -->|defined in| d8f2d13f_2977_0e58_a796_83ecf2667ee8
  style 86b87e17_190d_c595_ba3b_26908bb1d811 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/tests/runtime-runes/samples/props-id-prefix/_config.js lines 6–59

	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>myPrefix-s1</h1>
					<p>myPrefix-s2</p>
					<p>myPrefix-s3</p>
					<p>myPrefix-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>myPrefix-s1</h1>
					<p>myPrefix-s2</p>
					<p>myPrefix-s3</p>
					<p>myPrefix-s4</p>
					<p>c1</p>
				`
			);
		}
	}