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

Relationship Graph

Source Code

packages/svelte/tests/runtime-runes/samples/array-sort-in-effect/_config.js lines 9–51

	test({ assert, target }) {
		const button = target.querySelector('button');

		// initial render — array should be sorted
		assert.htmlEqual(
			target.innerHTML,
			`
				<button>add item</button>
				<p>0</p>
				<p>50</p>
				<p>100</p>
			`
		);

		// add first item (20); effect should re-run and sort the array
		flushSync(() => button?.click());

		assert.htmlEqual(
			target.innerHTML,
			`
				<button>add item</button>
				<p>0</p>
				<p>20</p>
				<p>50</p>
				<p>100</p>
			`
		);

		// add second item (80); effect should re-run and sort the array
		flushSync(() => button?.click());

		assert.htmlEqual(
			target.innerHTML,
			`
				<button>add item</button>
				<p>0</p>
				<p>20</p>
				<p>50</p>
				<p>80</p>
				<p>100</p>
			`
		);
	}