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

Relationship Graph

Source Code

packages/svelte/tests/runtime-runes/samples/async-expression/_config.js lines 12–55

	async test({ assert, target, raf }) {
		const [reset, hello, goodbye] = target.querySelectorAll('button');

		hello.click();
		raf.tick(0);
		await tick();
		assert.htmlEqual(
			target.innerHTML,
			`
				<button>reset</button>
				<button>hello</button>
				<button>goodbye</button>
				<h1>hello</h1>
			`
		);

		reset.click();
		raf.tick(0);
		await tick();
		assert.htmlEqual(
			target.innerHTML,
			`
				<button>reset</button>
				<button>hello</button>
				<button>goodbye</button>
				<h1>hello</h1>
				<p>updating...</p>
			`
		);

		goodbye.click();
		await Promise.resolve();
		raf.tick(0);
		await tick();
		assert.htmlEqual(
			target.innerHTML,
			`
				<button>reset</button>
				<button>hello</button>
				<button>goodbye</button>
				<h1>goodbye</h1>
			`
		);
	}