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

Relationship Graph

Source Code

packages/svelte/tests/runtime-runes/samples/transition-each/_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>0</li><li>1</li><li>2</li><li>3</li></ul>'
		);
	}