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

Relationship Graph

Source Code

packages/svelte/tests/runtime-runes/samples/derived-disconnect/_config.js lines 5–95

	async test({ assert, target, logs }) {
		let [b1, b2, b3, b4, b5] = target.querySelectorAll('button');

		b1?.click();
		flushSync();

		assert.htmlEqual(
			target.innerHTML,
			`<main><div>Current ID: 1</div>
			<div>Name: a</div><div><button>a</button></div><div><button>b</button></div><div><button>c</button></div><div><button>d</button></div><hr><div>
			<button>Show / Hide</button></div></main>`
		);

		b2?.click();
		flushSync();

		assert.htmlEqual(
			target.innerHTML,
			`<main><div>Current ID: 2</div>
			<div>Name: b</div><div><button>a</button></div><div><button>b</button></div><div><button>c</button></div><div><button>d</button></div><hr><div>
			<button>Show / Hide</button></div></main>`
		);

		b3?.click();
		flushSync();

		assert.htmlEqual(
			target.innerHTML,
			`<main><div>Current ID: 3</div>
			<div>Name: c</div><div><button>a</button></div><div><button>b</button></div><div><button>c</button></div><div><button>d</button></div><hr><div>
			<button>Show / Hide</button></div></main>`
		);

		b4?.click();
		flushSync();

		assert.htmlEqual(
			target.innerHTML,
			`<main><div>Current ID: 4</div>
			<div>Name: d</div><div><button>a</button></div><div><button>b</button></div><div><button>c</button></div><div><button>d</button></div><hr><div>
			<button>Show / Hide</button></div></main>`
		);

		b5?.click();
		flushSync();

		b5?.click();
		flushSync();

		[b1, b2, b3, b4, b5] = target.querySelectorAll('button');

		b1?.click();
		flushSync();

		assert.htmlEqual(
			target.innerHTML,
			`<main><div>Current ID: 1</div>
			<div>Name: a</div><div><button>a</button></div><div><button>b</button></div><div><button>c</button></div><div><button>d</button></div><hr><div>
			<button>Show / Hide</button></div></main>`
		);

		b2?.click();
		flushSync();

		assert.htmlEqual(
			target.innerHTML,
			`<main><div>Current ID: 2</div>
			<div>Name: b</div><div><button>a</button></div><div><button>b</button></div><div><button>c</button></div><div><button>d</button></div><hr><div>
			<button>Show / Hide</button></div></main>`
		);

		b3?.click();
		flushSync();

		assert.htmlEqual(
			target.innerHTML,
			`<main><div>Current ID: 3</div>
			<div>Name: c</div><div><button>a</button></div><div><button>b</button></div><div><button>c</button></div><div><button>d</button></div><hr><div>
			<button>Show / Hide</button></div></main>`
		);