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

Relationship Graph

Source Code

packages/svelte/tests/runtime-runes/samples/async-effect-pending-nested/_config.js lines 5–94

	async test({ assert, target }) {
		const [increment, shift] = target.querySelectorAll('button');

		assert.htmlEqual(
			target.innerHTML,
			`
				<button>increment</button>
				<button>shift</button>
				<p>loading...</p>
			`
		);

		shift.click();
		shift.click();
		shift.click();

		await tick();
		assert.htmlEqual(
			target.innerHTML,
			`
				<button>increment</button>
				<button>shift</button>
				<p>0</p>
				<p>0</p>
				<p>0</p>
				<p>inner pending: 0</p>
				<p>outer pending: 0</p>
			`
		);

		increment.click();
		await tick();
		assert.htmlEqual(
			target.innerHTML,
			`
				<button>increment</button>
				<button>shift</button>
				<p>0</p>
				<p>0</p>
				<p>0</p>
				<p>inner pending: 3</p>
				<p>outer pending: 0</p>
			`
		);

		shift.click();
		await tick();
		assert.htmlEqual(
			target.innerHTML,
			`
				<button>increment</button>
				<button>shift</button>
				<p>0</p>
				<p>0</p>
				<p>0</p>
				<p>inner pending: 2</p>
				<p>outer pending: 0</p>
			`
		);

		shift.click();
		await tick();
		assert.htmlEqual(
			target.innerHTML,
			`
				<button>increment</button>
				<button>shift</button>
				<p>0</p>
				<p>0</p>
				<p>0</p>
				<p>inner pending: 1</p>
				<p>outer pending: 0</p>
			`
		);

		shift.click();
		await tick();
		assert.htmlEqual(
			target.innerHTML,
			`
				<button>increment</button>