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

Relationship Graph

Source Code

packages/svelte/tests/runtime-runes/samples/proxy-array/_config.js lines 15–68

	test({ assert, target }) {
		const [add, clear, reverse] = target.querySelectorAll('button');

		flushSync(() => {
			add?.click();
		});

		assert.htmlEqual(
			target.innerHTML,
			`
				<button>1 + 2 + 3 + 4 = 10</button>
				<button>clear</button>
				<button>reverse</button>
				<span>1</span>
				<span>2</span>
				<span>3</span>
				<span>4</span>
				<strong>array[1]: 2</strong>
			`
		);

		flushSync(() => {
			reverse?.click();
		});

		assert.htmlEqual(
			target.innerHTML,
			`
				<button>4 + 3 + 2 + 1 = 10</button>
				<button>clear</button>
				<button>reverse</button>
				<span>4</span>
				<span>3</span>
				<span>2</span>
				<span>1</span>
				<strong>array[1]: 3</strong>
			`
		);

		flushSync(() => {
			clear?.click();
		});

		assert.htmlEqual(
			target.innerHTML,
			`
				<button>4 = 4</button>
				<button>clear</button>
				<button>reverse</button>
				<span>4</span>
				<strong>array[1]:</strong>
			`
		);
	}