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

Relationship Graph

Source Code

packages/svelte/tests/runtime-runes/samples/async-with-sync-derived/_config.js lines 7–52

	async test({ assert, target }) {
		await tick();

		assert.htmlEqual(
			target.innerHTML,
			`
				<button>log</button>
				<button>x 1</button>
				<button>other 1</button>
				<p>1</p>
				<p>1</p>
				<p>1</p>
			`
		);

		const [log, x, other] = target.querySelectorAll('button');

		flushSync(() => x.click());
		flushSync(() => other.click());

		assert.htmlEqual(
			target.innerHTML,
			`
				<button>log</button>
				<button>x 1</button>
				<button>other 2</button>
				<p>1</p>
				<p>1</p>
				<p>1</p>
			`
		);

		await tick();

		assert.htmlEqual(
			target.innerHTML,
			`
				<button>log</button>
				<button>x 2</button>
				<button>other 2</button>
				<p>2</p>
				<p>2</p>
				<p>2</p>
			`
		);
	}