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

Relationship Graph

Source Code

packages/svelte/tests/runtime-runes/samples/store-inside-derived/_config.js lines 5–44

	test: ({ assert, target }) => {
		const [loading, increment] = target.querySelectorAll('button');

		assert.htmlEqual(
			target.innerHTML,
			`
				<div>$value: 0</div>
				<div>valueFromStore.current: 0</div>
				<div>valueDerivedCurrent: 0</div>
				<button>Loading</button>
				<button>Increment</button>
			`
		);

		loading.click();
		flushSync();
		assert.htmlEqual(
			target.innerHTML,
			`
				<div>$value: Loading...</div>
				<div>valueFromStore.current: Loading...</div>
				<div>valueDerivedCurrent: Loading...</div>
				<button>Loading</button>
				<button>Increment</button>
			`
		);

		increment.click();
		flushSync();
		assert.htmlEqual(
			target.innerHTML,
			`
				<div>$value: 1</div>
				<div>valueFromStore.current: 1</div>
				<div>valueDerivedCurrent: 1</div>
				<button>Loading</button>
				<button>Increment</button>
			`
		);
	}