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

Relationship Graph

Source Code

packages/svelte/tests/runtime-runes/samples/writable-derived/_config.js lines 13–45

	test({ assert, target, window }) {
		const [input1, input2] = target.querySelectorAll('input');

		flushSync(() => {
			input1.value = '10';
			input1.dispatchEvent(new window.Event('input', { bubbles: true }));
		});

		assert.htmlEqual(
			target.innerHTML,
			`<input type="range"><input type="range"><p>10 * 2 = 20</p>`
		);

		flushSync(() => {
			input2.value = '99';
			input2.dispatchEvent(new window.Event('input', { bubbles: true }));
		});

		assert.htmlEqual(
			target.innerHTML,
			`<input type="range"><input type="range"><p>10 * 2 = 99</p>`
		);

		flushSync(() => {
			input1.value = '20';
			input1.dispatchEvent(new window.Event('input', { bubbles: true }));
		});

		assert.htmlEqual(
			target.innerHTML,
			`<input type="range"><input type="range"><p>20 * 2 = 40</p>`
		);
	}