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

Relationship Graph

Source Code

packages/svelte/tests/runtime-runes/samples/transition-each-2/_config.js lines 5–33

	test({ assert, raf, target }) {
		const [btn1, btn2] = target.querySelectorAll('button');

		btn1?.click();
		btn1?.click();
		btn1?.click();
		flushSync();
		assert.htmlEqual(
			target.innerHTML,
			'<button>Push</button><button>Remove</button><ul><li>0</li><li>1</li><li>2</li></ul>'
		);

		btn2?.click();
		flushSync();
		raf.tick(50);

		const li = /** @type {HTMLElement & { foo: number }} */ (target.querySelector('ul > li'));

		assert.equal(li.foo, 0.5);

		btn1?.click();
		flushSync();

		assert.equal(li.foo, 0.5);
		assert.htmlEqual(
			target.innerHTML,
			'<button>Push</button><button>Remove</button><ul><li>3</li><li>0</li><li>1</li><li>2</li></ul>'
		);
	}