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

Relationship Graph

Source Code

packages/svelte/tests/runtime-runes/samples/each-non-branch-effects/_config.js lines 5–42

	async test({ assert, target }) {
		const addBtn = /** @type {HTMLElement} */ (target.querySelector('button.add'));
		const removeBtn = /** @type {HTMLElement} */ (target.querySelector('button.remove'));

		const btnHtml = '<button class="add">add</button><button class="remove">remove</button>';

		assert.htmlEqual(target.innerHTML, btnHtml);

		addBtn.click();
		flushSync();

		assert.htmlEqual(target.innerHTML, `<span>1</span>${btnHtml}`);

		addBtn.click();
		flushSync();

		assert.htmlEqual(target.innerHTML, `<span>1</span><span>2</span>${btnHtml}`);

		addBtn.click();
		flushSync();

		assert.htmlEqual(target.innerHTML, `<span>1</span><span>2</span><span>3</span>${btnHtml}`);

		removeBtn.click();
		flushSync();

		assert.htmlEqual(target.innerHTML, `<span>1</span><span>2</span>${btnHtml}`);

		removeBtn.click();
		flushSync();

		assert.htmlEqual(target.innerHTML, `<span>1</span>${btnHtml}`);

		addBtn.click();
		flushSync();

		assert.htmlEqual(target.innerHTML, `<span>1</span><span>2</span>${btnHtml}`);
	}