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

Relationship Graph

Source Code

packages/svelte/tests/runtime-runes/samples/props-spread-fallback/_config.js lines 13–59

	test({ assert, target }) {
		const [propA, propB] = target.querySelectorAll('button');

		propA.click();
		flushSync();
		assert.htmlEqual(
			target.innerHTML,
			`
				<button>change propA</button>
				<button>change propB</button>
				<p>false fallback</p>
			`
		);

		propB.click();
		flushSync();
		assert.htmlEqual(
			target.innerHTML,
			`
				<button>change propA</button>
				<button>change propB</button>
				<p>false defined</p>
			`
		);

		propA.click();
		flushSync();
		assert.htmlEqual(
			target.innerHTML,
			`
				<button>change propA</button>
				<button>change propB</button>
				<p>true defined</p>
			`
		);

		propB.click();
		flushSync();
		assert.htmlEqual(
			target.innerHTML,
			`
				<button>change propA</button>
				<button>change propB</button>
				<p>true fallback</p>
			`
		);
	}