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

Relationship Graph

Source Code

packages/svelte/tests/runtime-runes/samples/async-error-recovery/_config.js lines 15–86

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

		assert.htmlEqual(
			target.innerHTML,
			`
				<button>clicks: 0</button>
				<p>0</p>
			`
		);

		let [button] = target.querySelectorAll('button');
		let [p] = target.querySelectorAll('p');

		button.click();
		await tick();
		assert.htmlEqual(
			target.innerHTML,
			`
				<button>clicks: 1</button>
				<p>1</p>
			`
		);

		button.click();
		await tick();
		assert.htmlEqual(
			target.innerHTML,
			`
				<button>clicks: 2</button>
				<p>2</p>
			`
		);

		button.click();
		await tick();
		assert.htmlEqual(
			target.innerHTML,
			`
				<button>clicks: 3</button>
				<button>retry</button>
			`
		);

		const [button1, button2] = target.querySelectorAll('button');

		button1.click();
		await tick();

		button2.click();
		await tick();

		[p] = target.querySelectorAll('p');

		assert.htmlEqual(
			target.innerHTML,
			`
				<button>clicks: 4</button>
				<p>4</p>
			`
		);

		button1.click();
		await tick();
		assert.htmlEqual(
			target.innerHTML,
			`
				<button>clicks: 5</button>
				<p>5</p>
			`
		);
	}